/*-----------------------------------------------
 __base_style
-----------------------------------------------*/

body {
margin:0;
background:#FFF;
color:#000;
line-height:1.7;
text-align:center;
font-size:medium;
font-family:"verdana","ͣ Хå", "Osaka", "ҥ饮γѥ Pro W3",Sans-Serif;
}

* html body{
font-size:small;
}

*:first-child + html body {
	font-family:"ᥤꥪ","Meiryo","ҥ饮γѥ Pro W3","MS PGothic",Sans-Serif;
}


html {
overflow-y:scroll;
overflow:scroll;
}

h1,h2,h3,h4,h5,h6 {
font-size:medium;
letter-spacing:.1em;
font-weight:normal;
}

p {
margin:0;
padding:0;
}

img,fieldset {
	border:0;
}

table{
border-collapse:collapse;
border-color:#999;
}

th{
font-weight:normal;
}

ul,li{
margin:0;
padding:0;
list-style:none;
}

/*clearFix*/
#container:after {
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}

/*-----------------------------------------------
 __link_style
-----------------------------------------------*/
a {
text-decoration:underline;
}

a:link {
color: #005C8F; }

a:visited {
color: #74325C;
}

a:hover {
color: #00BFFF; }


/*cms*/
#middle {
width:940px;
margin:0 auto;
text-align:left;
font-size:86%;
}

#title {
font-size:160%;
padding:15px 0px 0px 15px;
}

#title a, a {
color:#005C8F;
}


#greeting {
color:#666666;
padding:0px 0px 15px 17px;
}

/**/
#subarea{
width:auto;
min-height:1px;
margin:5px 0;
padding:5px 10px;
position:relative;
clear:both;
display:block;
}

#subarea:after {
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}

#sub_menu_area {
width:630px;
height:auto;
color:#000;
line-height:25px;
clear:both;
margin:0;
padding:0;
display:block;
font-size:13px;
}

#sub_menu_area li{
width:209px;
text-align:center;
line-height:25px;
color:#444;
float:left;
display:block;
}

#sub_menu_area li a {
line-height:25px;
color:#444;
text-decoration:none;
padding:2px 5px;
background:#CDCDCB;
border:#999 solid 1px;
margin:2px 2px 0 0;
display:block;
}

#sub_menu_area a:hover, .sub_menu_link_now {
color:#000;
background:#B5B5B1;
}


#square {
width:245px;
font-size:100%;
line-height:120%;
margin:0px 15px 0px 15px;
}

blockquote {
width:100%;
}

h2#caption {
color:#005C8F;
line-height:1.2;
padding:0 0 0 20px;
margin:15px 0 0 0;
border-bottom:#005C8F solid 2px;
background:url(images/mark_pen.gif) no-repeat 0 2px;
font-size:114%;
}

h3#caption {
color:#005C8F;
padding:5px 0 0 20px;
margin:0;
border-bottom:#005C8F solid 1px;
background:url(images/mark_plus.gif) no-repeat 0 4px;
font-size:98%;
}

#dateinfo {
padding:10px;
font-size:96%;
color:#666666;
}
/*-----------------------------------------------
 __share_style
-----------------------------------------------*/

.inn {
padding:10px;
}

.mini{
font-size:small;
}

.small{
font-size:smaller;
}

.red{
color:#CC0000;
}

.txt{
display:none;
}

/*-----------------------------------------------
 __header
-----------------------------------------------*/

#header {
height:75px;
padding-bottom:15px;
background:url(images/line_head.gif) bottom repeat-x #FFF;
color:#333;
}

#header #sitename{
display:inline;
float:left;
clear:left;
padding:7px 5px;
color:#333;
}

#header h1{
display:block;
clear:both;
margin:0;
padding:0;
}

#header h2{
color:#005C8F;
display:inline;
font-size:small;
clear:both;
margin:0;
padding:0;
}

#header .navigation{
width:370px;
display:block;
float:right;
clear:right;
padding-top:7px;
}

#header #navigation{
width:370px;
height:30px;
margin:0;
padding:0;
float:right;
text-align:right;
font-size:small;
}

#header #navigation ul#navi{
text-align:right;
line-height:20px;
}

#header #navigation ul#navi li {
margin-right:5px;
display:inline;
line-height:20px;
padding:5px;
vertical-align:bottom;
}

#header ul#navi li a {
text-decoration: none;
color:#666;
padding:0 5px;
}

#header ul#navi li a:hover {
text-decoration: none;
color:#FFF;
background:#7B7C7D;
}

/*-----------------------------------------------
 __headernavi
-----------------------------------------------*/

#menu_cms{
width:auto;
height:auto;
color:#000;
clear:both;
margin:0;
padding:10px;
font-size:94%;
position:relative;
}

#menu_cms h3#cmsmenu{
font-size:84%;
background:#3E3E3D;
color:#FFF;
margin:0;
padding:0 0 0 10px;
line-height:20px;
}

ul#menu_area{
line-height:30px;
margin:0;
padding:0;
}

ul#menu_area li{
display:block;
line-height:30px;
float:left;
margin:0;
padding:0;
}

ul#menu_area li a{
line-height:30px;
color:#FFF;
padding:3px 10px;
margin-right:2px;
background:#005C8F;
text-decoration:none;
}

ul#menu_area li#menu_link_now a{
color:#FFFF99;
background:#409ECC;
}

ul#menu_area li a:hover{
color:#FFF;
background:#25B7C0;
} 

/*-----------------------------------------------
 __container
-----------------------------------------------*/

#container {
width:100%;
float:left;
background:#FFF;
}

/* __main2col
------------------------------------------*/

#maincol{
float:right;
width:680px;
background:#FFF;
}

#maincol .inner {
	padding:10px 0;
}

#maincol .main{
	padding:10px 15px;
}

#maincol h2#ttl{
color:#000;
font-size:116%;
line-height:50px;
padding:0 0 0 20px;
background:url(images/bg_ttl.gif);
font-weight:300;
}

#maincol h3.top{
color:#005C8F;
padding:5px 0 0 20px;
margin:0;
border-bottom:#005C8F solid 1px;
background:url(images/mark_plus.gif) no-repeat 0 7px;
font-size:96%;
}
/* __left
------------------------------------------*/

#leftcol {
float:left;
width:260px;
background:#FFF;
}

#leftcol h2{
height:45px;
margin:0;
padding:0;
}

#leftcol h3.ttl{
display:block;
padding:5px;
margin:0;
color:#006EB0;
clear:both;
}

#leftcol .inner {
padding:10px 5px;
}

/*-----------------------------------------------
__leftmenu
-----------------------------------------------*/

#leftcol #menu{
width:auto;
height:auto;
font-size:96%;
/*letter-spacing:0.1em;*/
background:url(images/bg_menuarea.gif) repeat-y;
padding:5px;
border-top:#63A0C0 solid 1px;
border-bottom:#D4D7D8 outset 2px;
}

#leftcol #menu ul,#menu li{
margin:0;
padding:0;
list-style:none;
}

#leftcol #menu ul{
display:block;
background:url(images/bg_menu.gif) repeat-y #FFF;
margin: 0;
padding:0;
}

#leftcol #menu li{
width:auto;
line-height:40px;
margin:0;
padding:0;
clear:both;
vertical-align:bottom;
border-bottom:#ccc solid 1px;
}

#leftcol #menu li a{
width:auto;
line-height:40px;
color:#000;
display:block;
margin:0;
padding:0 0 0 16px;
text-decoration:none;
background:url(images/bg_check.gif) 0 12px no-repeat;
}

#leftcol #menu li a:hover{
color:#0094C8;
padding:0 0 0 16px;
background:url(images/bg_check_on.gif) 0 12px no-repeat;
}

#leftcol #menu ul.btm{
line-height:40px;
display:block;
background:none;
padding:0;
}

#leftcol #menu ul.btm li{
width:auto;
line-height:40px;
margin:0;
padding:0;
clear:both;
vertical-align:bottom;
border-bottom:#ccc solid 1px;
}

#leftcol #menu ul.btm li a{
width:auto;
line-height:40px;
height:40px;
color:#000;
display:block;
margin:0;
padding:0 0 0 5px;
text-decoration:none;
background:url(images/bg_menu_n.gif) #FFF;
}

#leftcol #menu ul.btm li a:hover{
color:#0094C8;
text-decoration:none;
padding:0 0 0 5px;
background:url(images/bg_menu_n.gif) #FFF;
}

#leftcol #ask{
padding:0 5px;
}

#leftcol #ask img{
margin:0;
margin-top:2px;
display:block;
}

/*-----------------------------------------------
 __footer
-----------------------------------------------*/

#footer {
	clear:both;
	width:940px;
	background:#FFF;
}

#footer ul {
	margin:10px auto 5px;
	text-align:center;
}

#footer ul li {
	display:inline;
	margin-right:5px;
	padding-left:10px;
	line-height:1.1;
	border-left:1px solid #CCC;
}

#footer ul li.utilityHome {
	border-left:0;
}


#footer p#CopyRight{
padding:0px 0px 0px 20px;
margin:0 auto;
text-align:center;
}

#footer h2{
display:none;
}

#footer a,#footer a:link,#footer a:visited{
color:#000;
text-decoration:none;
}


#footer a:hover{
color:#0099CC;
text-decoration:none;
}

#footer p#CopyRight a{
color:#005C8F;
}

#footer p#CopyRight a:hover{
color:#F08300;
}
/*----------------------------------------------------
	#area_box
----------------------------------------------------*/
#foot_area{
width:100%;
margin:0;
padding:0;
clear:both;
color:#333;
font-size:small;
}

* html #foot_area{
font-size:98%;
}

#foot_area .inn{
margin:10px 5px;
padding:10px;
border:#999 solid 1px;
}

#foot_area p{
}

#foot_area h2{
margin:0;
padding:0;
}

#foot_area h3{
color:#005C8F;
font-size:110%;
margin:0;
padding:0;
}

#foot_area dt{
color:#005C8F;
padding:0;
margin:0;
}

* html #foot_area dt{
font-size:98%;
}

#foot_area dl{
margin:0;
padding:0;
text-align:left;
}

* html #foot_area dl{
font-size:98%;
}

#foot_area em{
color:#0094C8;
padding-left:10px;
}

/*----------------------------------------------------
	#area_box2
----------------------------------------------------*/
#foot_area2{
width:100%;
margin:0;
padding:0;
clear:both;
color:#333;
font-size:small;
}

#foot_area2 .inn{
padding:10px 15px;
}