@charset "utf-8";
/* CSS Document */



/* ボディ ----------------------------------------*/
body {
	text-align:center;
	color:#666666;
	font:12px/18px "ヒラギノ角ゴ" , Arial, Helvetica, sans-serif,"Hiragino Kaku Gothic Pro", "Osaka";
    font-size: small !important; /* IE 7向け */
    font-size: x-small; /* IE 6以下 */	
	line-height:1.8em;
	background:url("../img/common/bg_main.jpg") center repeat-y;	
	}
	
*:first-child+html body {
	padding-left:1px;
	}

/* IE4～6 */
* html body {
	padding-left:1px;
	 	} 		

html>/**/body {
    font-size: 80%; /* モダンブラウザ向け */
}	

#contents {
	width:824px;
	margin:0 auto;
	}
	
*:first-child+html #contents {
	padding-left:1px;
	}

/* IE4～6 */
* html #contents {
	padding-left:1px;
	 	} 	
	
/* リンク ----------------------------------------*/	
a:link,a:visited,a:active {
	color:#666666;
	text-decoration:underline;
	}

a:hover {
	color:#ff8e00;
	text-decoration:none;
	}
	
	
/* h1,h2 ----------------------------------------*/	
h1 {
	display:block;
	padding:15px 15px 5px 0;
	text-align:right;
	color:#ffffff;
	}



img.fl{
	display:block;
	float:left;
	margin:0 10px 10px 0;
}

img.fr{
	display:block;
	float:right;
	margin:0 0 10px 10px;
}





/* ヘッダー ----------------------------------------*/
#header {
	width:824px;
	height:84px;
	margin:0 auto;
	text-align:left;
	background:url("../img/common/bg_header.jpg") center no-repeat;	
	}
	


/* ロゴ */		
#logo {
	float:left;
	margin:12px 40px 0 17px;
	}	

/* ナビゲーション */	
#navi {
	width:506px;
	height:30px;
	float:left;
	background:url("../img/common/bg_navi.jpg") no-repeat;	
	}

#navi a img {
	margin:3px 5px 0 10px;
	float:left;
	}
	
/* フォーム */

#navi form p {
	float:left;
    position:relative;	
    top: 2px;
    left: 20px;
    margin: 0;
    padding: 0;
    width: 190px;
    height: 24px;
}

#f1 p input {
    vertical-align: bottom;
	float:left;		
}

#f2 p input {
    vertical-align: bottom;
	float:left;		
}
	 
html[xmlns] #imageField {
	margin:2px 0 0 0;
	float:left;
	}	
	 
*:first-child+html #imageField {
	margin:2px 0 0 0;
	float:left;	
	}

	 
* html #imageField {
	margin:2px 0 0 0;
	float:left;
	}
			
#keyword {
	width:120px;
	height:16px;
	margin:3px 3px 0 0;
	}
	
*:first-child+html #keyword {
	width:120px;
	height:15px;
	margin:3px 3px 0 0;
	}

* html #keyword {
	width:120px;
	height:20px;
	margin:3px 3px 0 0;
	 	} 		

/* メイン部分 ----------------------------------------*/


/* キービジュアル */
#main {
	width:824px;
	padding:0;
	margin:0 auto;
	clear:both;
	float:left;
	text-align:center;
	}
	
#top {
	width:820px;
	height:382px;
	margin:0 auto;
	background:url("../img/index/img_top.jpg") top center no-repeat;
	}	
	

#top p {
	text-align:left;
	padding:210px 0 0 15px;
	}		

#top_menu {
	float:right;
	width:235px;
	padding-top:5px;
	margin:0 auto;	
	height:377px;
	text-align:center
	}
		
#top_menu img {
	margin-top:5px;
	}


/* 右メニュー ----------------------------------------*/		
#right_menu {
	clear:both;
	width:227px;
	text-align:center;
	float:right;
	}

/* ログインパネル */	
#login {
	width:200px;
	height:114px;
	margin:10px auto;
	text-align:center;
	background:url("../img/common/bg_login.jpg") no-repeat;	
	}
	
#login img {
	margin-top:3px;
	}
	
#login p {
	padding:6px 0 0 0;	
	}
	
/* 右メニューBOX */	
.right_box  {
	margin-bottom:10px;	
	}
	
.right_box img {
	margin-bottom:3px;
	}
	
/* カテゴリーメニュー */
#right_menu ul {
	text-align:left;
	list-type:none;
	padding:5px 10px 10px 10px;
	}			
	
#right_menu ul li{
	margin:0 0 5px 0;
	padding:0 0 0 10px;
	text-align:left;	
	}		
	
#right_menu ul li a:link,#right_menu ul li a:visited,#right_menu ul li a:active{
	display:block;
	padding-left:20px;
	background:url("../img/common/icn_arrow_off.gif") left top no-repeat;
	}
	
#right_menu ul li a:hover {
	display:block;
	padding-left:20px;
	background:url("../img/common/icn_arrow_on.gif") left top no-repeat;
	}

	

/* 左コンテンツ部分 ----------------------------------------*/	
#left_contents {
	float:right;
	width:597px;	
	text-align:center;	
	}
	
/* バナー */
#banner {
	float:right;
	width:597px;
	text-align:center;
	padding:10px 0;
	}		


/* 左コンテンツタイトル */
.left_ttl {
	float:right;
	width:560px;
	margin:10px 15px 0 15px;	
	}

.line {
	float:right;
	margin:10px 15px;
	width:560px;
	}
	
/* 左コンテンツBOX */	
.left_box,.left_box2 {
	padding:10px 15px;
	text-align:left;
	}
	
.left_box span {
	display:block;
	width:100px;
	text-align:left;
	float:left;	
	margin-bottom:10px;
	}

.left_box2 span {
	display:block;
	width:340px;
	text-align:left;
	margin:10px 15px;
	}

.text_box {
	width:560px;
	margin:10px 15px 10px 20px;
	text-align:left;
	}
	
.category_menu {
	text-align:left;
	clear:left;
	padding:0 15px;
	margin-left:5px;
		}				

/*
------------------------------
   CONTENTS SECTION
------------------------------*/

.section{
	clear:both;
	height:100%;
	margin:0 18px 30px 18px;
	text-align:left;
}

.section h3{
	margin: 0 0 15px 0;
}

.section h4{
	margin: 0 0 15px 0;
}

.section p{
	margin: 0 0 1.5em 0;
}

.section ul{
	margin: 0 10px 1.5em 30px;
}

.section ul li{
	list-style-type:disc;
	margin: 0 0 5px 0;
}

.section ol{
	margin: 0 10px 1.5em 40px;
}

.section ol li{
	margin: 0 0 5px 0;
	list-style-type: decimal;
}

.section_inner_fl{float:left;}
.section_inner_fr{float:right;}

.section:after{
	content: "";
	display: block;
	clear: both;
}


/* 左画像 */
.img_l {
	float:left;
	margin:15px 10px 10px 0;
	}

/* 右画像 */
.img_r {
	float:right;
	margin:15px 0 10px 10px;
	}
	
/* フッター ----------------------------------------*/	
#footer {
	clear:both;
	width:824px;
	height:50px;
	margin:0 auto;
	padding:20px 0 0 0;
	text-align:left;
	background:url("/img/common/bottom_main.jpg") top center no-repeat #fff;	
}

#footer p {
	margin-top:10px;
	}	

#sub_navi {
	float:left;	
	}
	
#sub_navi img {
	margin:0 3px;	
	}	

#sub_navi span {
	padding:0 5px 0 0;	
	}	

#sub_navi a { text-decoration:none; }

ul#footer_navi{
	float:left;
	margin:10px 0 0 10px;
}

ul#footer_navi li{
	float:left;
	margin:0 5px 0 0;
}

ul#footer_navi li a{text-decoration:none;}

ul#footer_navi li#footer_company a{
	padding:0 0 0 15px;
	background:url("/img/common/icn_campany.gif") left no-repeat;
}

ul#footer_navi li#footer_sitemap a{
	padding:0 0 0 16px;
	background:url("/img/common/icn_map.gif") left no-repeat;
}

ul#footer_navi li#footer_privacy a{
	padding:0 0 0 13px;
	background:url("/img/common/icn_pp.gif") left no-repeat;
}

ul#footer_navi li#footer_law a{
	padding:0 0 0 13px;
	background:url("/img/common/icn_bd.gif") left no-repeat;
}

	
#copy {
	float:right;
	margin:10px 10px 0 0;	
	}


/* カレンダー ----------------------------------------*/	

#sidenav_calender{
	margin:0 auto 20px auto;
	text-align:center;
}

table.side_calender{
	width:148px;
	margin:5px auto 5px auto;
	border:1px solid #ccc;
}

table.side_calender caption{
	padding:20px 0 0 0;
	font-size:87.5%;
	font-weight:bold;
	text-align:center;
}

table.side_calender th,
table.side_calender td{
	width:18px;
	padding:3px 0 3px 0;
	font-size:12px;
	line-height:14px;
	text-align:center;
	border:1px solid #ccc;
}

table.side_calender th{
	font-weight:bold;
	background:#e8e8e8;
}

table.side_calender td.close{
	color:#fff;
	font-weight:bold;
	background:#f90;
}

#sidenav_calender p#note_cal{font-size:90%;}
#sidenav_calender p#note_cal span{color:#f90;}

/*
------------------------------
   SIDE NAVI BANNER LINKS
------------------------------*/

#right_menu ul#side_links{
	margin:20px 0 20px 0;
	padding:0;
	text-align:center;
}

#right_menu ul#side_links li{
	display:list-item;
	margin:0 0 10px 0;
	padding:0;
	font-size:90%;
	text-align:center;
}

#right_menu ul#side_links li a,
#right_menu ul#side_links li a:link,
#right_menu ul#side_links li a:visited,
#right_menu ul#side_links li a:hover,
#right_menu ul#side_links li a:active{
	display:inline;
	margin:0;
	padding:0;
	background:none;
	text-decoration:none;
}


	
/* 下層ページ ----------------------------------------*/	
#bread {
	margin:10px auto;
	width:560px;
	text-align:left;
	background:url("../img/common/bg.gif")
	}
	
#bread p {
	padding:3px 10px;
	}	
	
table.container {
	margin:10px auto 25px auto;
	font:12px/18px "ヒラギノ角ゴ" , Arial, Helvetica, sans-serif,"Hiragino Kaku Gothic Pro", "Osaka";
    font-size: small !important; /* IE 7向け */
    font-size: x-small; /* IE 6以下 */
	line-height:1.8em;		
	}
	
table.container tr td {
	text-align:left;
	padding:5px;
	}	
			

	
/* 調整用クラス ----------------------------------------*/	
.dis_b {
	display:block;
	}

.f_l {
	float:left;
	}
	
.f_r {
	float:right;
	}
	
.clr {
	clear:both;
	}
	
.clr_l {
	clear:left;
	}
	
.clr_r {
	clear:right;
	}			
	
.ta_l {
	text-align:left;
	}	
	
.ta_r {
	text-align:right;
	}
	
.ta_c {
	text-align:center;
	}
	
.va_t {
	vertical-align:top;
	}	
	
.mb_3 {
	margin-bottom:3px;
	}	
	
.mb_5 {
	margin-bottom:5px;
	}	
	
.mb_10 {
	margin-bottom:10px;
	}

.mb_15 {
	margin-bottom:15px;
	}
	
.mt_5 {
	margin-top:5px;
	}		

.mt_10 {
	margin-top:10px;
	}		
	
.mr_5 {
	margin-right:5px;
	}	

.mr_10 {
	margin-right:10px;
	}
	
.mr_15 {
	margin-right:15px;
	}
		
.mr_20 {
	margin-right:20px;
	}	
		
.ml_5 {
	margin-left:5px;
	}
	
.ml_10 {
	margin-left:10px;
	}
	
.ml_15 {
	margin-left:15px;
	}	
	
.ml_20 {
	margin-left:20px;
	}							

.ml_25 {
	margin-left:25px;
	}
	
.ml_30 {
	margin-left:30px;
	}
	
.p_10 {
	padding:10px;
	}