@charset "utf-8";

/*共通項目
-------------------------------------------------*/
body{font-size:86%;line-height:200%;font-family:"メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, sans-serif;color:#333;text-align:center;}
input,select,textarea{font-family:"メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, sans-serif;font-size:100%;}

/*ページトップ */
.pagetop{text-align:right; padding:10px;}

/*見出し設定
-------------------------------------------------*/
h1{
	width:950px;
	margin:0 auto;
	text-align:right;
	font-size:81%;
	line-height:normal;
	padding-top:4px;
	font-weight:normal;
	color: #848484;
	background: #fff;
	height:28px;
	overflow:hidden;
}
h2{}
.fontsize_nochange{height:30px;overflow:hidden;}
.fontsize_nochange img{vertical-align:top;}
h3{font-size: 110%;}
h4{font-size: 100%;}
h5{font-size: 100%;}

.tit_h3{background:url(../images/common/h3_bg.jpg) left top no-repeat;padding:11px 10px 10px;line-height:normal;font-size:133%;color:#666;text-align:center;}
.tit_h4{line-height:normal;font-size:117%;margin:0 0 20px;text-align:center;}
.tit_h5{font-size:117%; color:#000; line-height:normal;margin:0 0 10px;}


/*ヘッダー
-------------------------------------------------*/
#header_bg{text-align:left; background: url(../images/common/header_bg.jpg) center top repeat-x #ffffff; }
#header{
	width:950px;
	margin:0 auto;
	text-align:left;
	height: 167px;
	background: url(../images/common/info.jpg) right 32px no-repeat;
}
#logo {
	height:107px;
	margin-top: 0px;
	
}

#company_info{
	width:290px;
	float:right;
	height:107px;
	background:#ffffff;
	margin-top: 0px;
}

/* ヘッダーナビ */
#hnav{
	width:364px;
	float: right;
	margin-top: 0;
	text-align: left;
	height:28px;
	overflow:hidden;
	
}

#hnav ul.hlink{
	list-style-type:none;
	float:left;
	width:202px;
	list-style:none;
}
#hnav ul.hlink li{
	float:left;
	text-align:left;
}
#hnav img{vertical-align:top;}
#font{
	float:right;
	width:162px;
}
#font ul{
	list-style:none;
}
#font ul li {
	float:left;
}

/*fontsize*/

/* グローバルナビ 
-------------------------------------------------*/
#nav_bg{
	background:url(../images/common/nav/gnav_bg.jpg) center top repeat-x;
	height:49px;
}
#nav{
	width:980px;
	margin:0 auto;
	padding-top:7px;
	padding-bottom:5px;
	height: 37px;
}
#nav ul{
	width:962px;
	list-style:none;
	height:37px;
	overflow:hidden;
	padding-left:13px;
}
#nav li{
	float:left;
	text-align:left;
	width: 137px;
	height: 37px;
}

#nav li.navend{
	float:left;
	text-align:left;
	width: 125px;
	height: 37px;
	padding-right:0;
}

#nav li a:focus{outline:none;}
#nav li a:link, #nav li a:visited, #nav li a:active{
	color:#039;
	text-decoration:none;
}
#nav li a:hover{color:#069;text-decoration:none;}
#nav li a:hover img {filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}

#nav li img{vertical-align:bottom;}

#nav li.navend a:focus{outline:none;}
#nav li.navend a:link, #nav li.navend a:visited, #nav li.navend a:active{
	color:#039;
	text-decoration:none;
}
#nav li.navend a:hover{color:#069;text-decoration:none;}
#nav li.navend a:hover img {filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}

/*プルダウンメニュー*/

#_nav_bg{
	background:url(../images/common/nav/gnav_bg.jpg) center top repeat-x; z-index:100;
	height:49px;
}
#_nav{
	width:980px;
	margin:0 auto;
	padding-top:7px;
	padding-bottom:5px;
	height: 37px;
	position: relative;
}

ul.dropdown ul li{
	 display: inline; 
	 width: 100%;
	  } 

/* 
	LEVEL ONE
*/
ul.dropdown{
	 position: relative;
	 list-style: none;
	 }
ul.dropdown li{
	 font-weight: bold;
	 float: left; zoom: 1;
	 padding-left:13px;
	 }
ul.dropdown a:hover{
	 color: #000;
	 }
ul.dropdown a:active{
	 color: #ffa500;
	 }
ul.dropdown li a{
	 display: block;
	 color: #222;
	 }
ul.dropdown li:last-child a{
	 border-right: none;
	 } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover{
	color:#069;
	text-decoration:none; 
	position: relative; 
	}
ul.dropdown li:hover img{
	filter:alpha(opacity=100);
	-moz-opacity:1;opacity:1;
	}
ul.dropdown li.hover a{
	 color: black; 
	 }
.submenu{
	background:#fff;
	 width:100%; 
	 text-align:left;
	 /*padding-bottom:10px; 
	 padding-top:10px;*/
	 font-size:80%; 
	 line-height:normal;
	 }

/* 
	LEVEL TWO
*/
ul.dropdown ul{
	 visibility: hidden; 
	 position: absolute; 
	 top: 100%; left: 0;
	 width:100%; 
	 }
ul.dropdown ul li{
	font-weight: normal;
	background-color: #fff;
	color: #069;
	height:100%;
/*	padding:10px 5px;
	padding-bottom:10px; 
	padding-top:10px;
	padding-right:5px;
	border-bottom: 1px dotted #ccc;*/
	display:inline-block;
	
	}
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a	{
	font-weight: normal;
	background-color: #fff;
	color: #069;
	border-bottom: 1px dotted #ccc;
	height:100%;
	display:inline-block;
	width:90%;
	padding:8px 2px;
	/*padding-bottom:8px; 
	padding-top:8px;
	padding-right:5px;*/
	
	 } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }

/* サイドナビ 
-------------------------------------------------*/
.snav{
	background:url(../images/common/nav/snav_bg.jpg) left bottom no-repeat;
	padding:0 1px 1px;
	list-style:none;
	}
.snav li{border-top:1px solid #999;}
.snav li a:link,
.snav li a:visited,
.snav li a:active {
	display:block;
	padding:13px 23px 13px 13px;
	font-size:86%;
	background:url(../images/common/nav/snav_arrow.gif) 200px center no-repeat #fff;
	border:1px solid #fff;
	line-height:150%;
	}
.snav li a:hover,
.snav li.current a:link,
.snav li.current a:visited,
.snav li.current a:hover,
.snav li.current a:active {
	display:block;
	padding:13px 23px 13px 13px;
	font-size:86%;
	background:url(../images/common/nav/snav_arrow.gif) 200px center no-repeat #efefef;
	border:1px solid #fff;
	line-height:150%;
	}

.snav li.sub a:link,
.snav li.sub a:visited,
.snav li.sub a:active {
	display:block;
	padding:3px 23px 3px 23px;
	font-size:86%;
	background:url(../images/common/nav/snav_arrow.gif) 200px center no-repeat #fff;
	border:1px solid #fff;
	line-height:150%;
	}

.snav li.subcurrent a:hover,
.snav li.subcurrent a:link,
.snav li.subcurrent a:visited,
.snav li.subcurrent a:hover,
.snav li.subcurrent a:active {
	display:block;
	padding:3px 23px 3px 23px;
	font-size:86%;
	background:url(../images/common/nav/snav_arrow.gif) 200px center no-repeat #efefef;
	border:1px solid #fff;
	line-height:150%;
	}

/* コンテンツ
-------------------------------------------------*/
#contents_bg{
	width:100%;
	text-align:left;
}
#contents{
	width:950px;
	margin:0 auto;
	text-align:left;
	background: #FFF;
}

/* サブカラム 
-------------------------------------------------*/
#aside{
	width:220px;
	float:left;
}
#aside img{vertical-align:bottom;}

/* メインカラム 
-------------------------------------------------*/
#article{
	width:710px;
	float: right;
}
/* 3カラムの場合*/
#article_main {
	width:480px;
	float:left;
}
#article_sub {
	width:220px;
	float:right;
}

/* フッター 
-------------------------------------------------*/
#footer_bg{
	background:url(../images/common/footer_bg.jpg) center top repeat-x #dedede;
}
#footer{
	width:950px;
	margin:0 auto;
	text-align: left;
	color: #010101;
	background-color: #dedede;
	background-image: url(../images/common/footer.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-bottom:25px;
}

.footer_logo{
	width:420px;
	height:80px;
	padding-top:10px;
}

#fnav{
	border-left:1px dashed #010101;
}
.fnav_box{padding:20px; float:left;border-right:1px dashed #010101;}
.fnav_box h2{font-size:100%;line-height:normal;}
#fnav ul{list-style:none;margin-bottom:20px;}

#fnav a:link,#fnav a:visited,#fnav a:active{color:#010101;line-height:normal;text-decoration:none;white-space:nowrap;}
#fnav a:hover{color:#010101;line-height:normal;text-decoration:underline;white-space:nowrap;}

/*コピーライト */
address{
	text-align:right;
	font-style:normal;
	color:#010101;
	line-height:normal;
	padding:20px 15px;
	font-size:120%;
	background:url(../images/common/adress_bg.jpg) center top repeat-x;}
address p{
	width:950px;
	margin:0 auto;
	}

/* リンク設定 
-------------------------------------------------*/
body a:focus{outline:none;}
body a:link, body a:visited, body a:active{
	color:#039;
	text-decoration:none;
}
body a:hover{color:#069;text-decoration:underline;}
body a:hover img {filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;}


/* ボーダー設定 
-------------------------------------------------*/
.bdr_t{border-top:1px dotted #666;padding:0 0 10px;margin:0 0 10px;}
.bdr_b{border-bottom:1px dotted #666;padding:0 0px 10px;margin:0 0 20px;}

/* 文字カラー設定 
-------------------------------------------------*/
.red{color:#e60012;}
.pink{color:#ffc0cb;}
.purple{color:#800080}
.blue{color:#06c;}
.skyblue{color:#0cc;}
.green{color:#008000;}
.yellow{color:#ffc;}
.orange{color:#ffa500;}
.brown{color:#a52a2a;}

.white{color:#fff;}
.gray{color:#ccc;}
.black{color:#333;}
.gold{color:#960;}

/* アイコン設定 
-------------------------------------------------*/
.list_icon{background:url(../images/common/list_icon.jpg) left center no-repeat;padding:0 0 0 20px;}
.link_icon{background:url(../images/common/link_icon.jpg) left center no-repeat;padding:0 20px;float:right;}

.underconstruction{text-align:center;line-height:400px;}