@charset "utf-8";

/*-----------------------------------------------------
	Kosugi CSS Skin Settings
	FileName:   common.css
	Version:    2009.01.25
-----------------------------------------------------*/

/*=============================================

	*** CSS Index ***
	   
	[1] Layout
	[2] Header
	[3] Grand Navi
	[4] Side Contents
	[5] Other
	[6] Footer
	[7] Table
	[8] Box

===============================================*/

/*-----------------------------------------------------
	[1] Layout
----------------------------------------------------- */

 
body {
	margin: 0;
	padding: 0;
	background-color: #F1F1F1;
	color: #333;
}
#wrap {
	margin: 0px auto;
	padding: 0px 10px;
	width: 820px;
	background: url(../images/bg.gif) repeat-y;
	text-align: left;
}
#wrap_c {
	width: 788px;
	margin: 0 auto;
}
#main_contents {
	margin: 0 6px 0 0;
	padding: 0px;
	width: 570px;
	float: left;
}
#side_contents {
	width: 204px;
	margin: 0px auto;
	padding: 0px 0px 26px 0px;
	float: right;
	background: url(../images/sidenavi_foot.gif) bottom no-repeat;
}

/*-----------------------------------------------------
	[2] Header
----------------------------------------------------- */

#head {
	background: url(../images/monthly_add.gif) no-repeat right;
	margin: 5px auto;
	width: 780px;
}
#main_vis {
	margin: 10px auto 0;
	width: 788px;
}
	#cam {
	float: left;
	width: 606px;
	margin: 0;
	padding: 0;
	}
	#kakaku {
	background: url(../images/bg_mainvis_r.gif) no-repeat;
	float: right;
	width: 182px;
	height: 187px;
	margin: 0;
	padding: 0;
	}
	#kakaku a {
	position: relative;
	top: 161px;
	left: 38px;
	font-size: x-small;
	}
#search {
	margin: 0 auto 10px;
	width: 788px;
	}


/*-----------------------------------------------------
	[3] Grand Navi
----------------------------------------------------- */

#g-navi {
	margin: 0px auto;
	padding: 0;
	width: 814px;
	background: url(http://monthly.kosugi-f.com/images/g_navi_bg.gif) no-repeat bottom;
}
#g-navi ul {
	list-style-type: none;
	margin: 0px auto;
	padding: 0px;
	width: 791px;
	height: 32px;
	text-indent: -9999pt;
	/*＼*/overflow: hidden;/**/
	}
	#g-navi ul li {
	position: relative;
	float: left;
	height: 32px;
	margin: 0px;
	padding: 0px;
	}
		#g-navi ul li a {
			display: block;
			width: 100%;
			height: 100%;
			background: url(http://monthly.kosugi-f.com/images/g_navi.gif) no-repeat;
		}
		#g-navi ul li#g-navi01 a{width:91px; background-position:0 0;}
		#g-navi ul li#g-navi02 a{width:118px; background-position:-91px 0;}
		#g-navi ul li#g-navi03 a{width:108px; background-position:-209px 0;}
		#g-navi ul li#g-navi04 a{width:135px; background-position:-317px 0;}
		#g-navi ul li#g-navi05 a{width:116px; background-position:-452px 0;}
		#g-navi ul li#g-navi06 a{width:105px; background-position:-568px 0;}
		#g-navi ul li#g-navi07 a{width:117px; background-position:-673px 0;}
		#g-navi ul li#g-navi01 a:hover{background-position:0 0; filter: alpha(opacity=70); -moz-opacity:0.6; opacity:0.6;}
		#g-navi ul li#g-navi02 a:hover{background-position:-91px 0; filter: alpha(opacity=70); -moz-opacity:0.6; opacity:0.6;}
		#g-navi ul li#g-navi03 a:hover{background-position:-209px 0; filter: alpha(opacity=70); -moz-opacity:0.6; opacity:0.6;}
		#g-navi ul li#g-navi04 a:hover{background-position:-317px 0; filter: alpha(opacity=70); -moz-opacity:0.6; opacity:0.6;}
		#g-navi ul li#g-navi05 a:hover{background-position:-452px 0; filter: alpha(opacity=70); -moz-opacity:0.6; opacity:0.6;}
		#g-navi ul li#g-navi06 a:hover{background-position:-568px 0; filter: alpha(opacity=70); -moz-opacity:0.6; opacity:0.6;}
		#g-navi ul li#g-navi07 a:hover{background-position:-673px 0; filter: alpha(opacity=70); -moz-opacity:0.6; opacity:0.6;}

/*
	Map
*/

#map_navi {
	margin: 0px auto;
	padding: 0;
	width: 578px;
}
#map_navi ul {
	list-style-type: none;
	margin: 0px auto;
	padding: 0px;
	width: 578px;
	height: 27px;
	text-indent: -9999pt;
	/*＼*/overflow: hidden;/**/
	}
	#map_navi ul li {
	position: relative;
	float: left;
	height: 27px;
	margin: 0px;
	padding: 0px;
	}
		#map_navi ul li a {
			display: block;
			width: 100%;
			height: 100%;
			background: url(../images/map_navi.gif) no-repeat;;
		}
		#map_navi ul li#map_navi01 a{width:79px; background-position:0 0;}
		#map_navi ul li#map_navi02 a{width:83px; background-position:-79px 0;}
		#map_navi ul li#map_navi03 a{width:84px; background-position:-162px 0;}
		#map_navi ul li#map_navi04 a{width:83px; background-position:-246px 0;}
		#map_navi ul li#map_navi05 a{width:82px; background-position:-329px 0;}
		#map_navi ul li#map_navi06 a{width:84px; background-position:-411px 0;}
		#map_navi ul li#map_navi07 a{width:83px; background-position:-495px 0;}
		#map_navi ul li#map_navi01 a:hover{background-position:0 0; filter: alpha(opacity=70); -moz-opacity:0.6; opacity:0.6;}
		#map_navi ul li#map_navi02 a:hover{background-position:-79px 0; filter: alpha(opacity=70); -moz-opacity:0.6; opacity:0.6;}
		#map_navi ul li#map_navi03 a:hover{background-position:-162px 0; filter: alpha(opacity=70); -moz-opacity:0.6; opacity:0.6;}
		#map_navi ul li#map_navi04 a:hover{background-position:-246px 0; filter: alpha(opacity=70); -moz-opacity:0.6; opacity:0.6;}
		#map_navi ul li#map_navi05 a:hover{background-position:-329px 0; filter: alpha(opacity=70); -moz-opacity:0.6; opacity:0.6;}
		#map_navi ul li#map_navi06 a:hover{background-position:-411px 0; filter: alpha(opacity=70); -moz-opacity:0.6; opacity:0.6;}
		#map_navi ul li#map_navi07 a:hover{background-position:-495px 0; filter: alpha(opacity=70); -moz-opacity:0.6; opacity:0.6;}

/*
	bukken
*/

#bukken {
	margin: 10px auto;
	padding: 0;
	width: 578px;
}

#bukken_all a{
	position: relative;
	float: right;
	background: url(../images/bt_bukken.gif) no-repeat;
	width: 162px;
	height: 32px;
	margin: 5px 0;
	text-indent: -9999pt;
	/*＼*/overflow: hidden;/**/
}
	#bukken_all a:hover{
	filter: alpha(opacity=70); -moz-opacity:0.6; opacity:0.6;
	}

/*-----------------------------------------------------
	[4] Side Contents
----------------------------------------------------- */

#news {
	background: url(../images/sidenavi_bg.gif) repeat-y;
	width: 204px;
	margin: 0 auto;
	padding: 0 0 10px 0;
	}
	#news ul {
	margin: 10px auto;
	width: 180px;
}
#tantou p {
	background: url(../images/sidenavi_bg.gif) repeat-y;
	width: 186px;
	margin: 0 auto;
	padding: 0 9px 10px 9px;
	line-height: 1.6em;
	font-size: x-small;
}
#monthly_add p {
	background: url(../images/sidenavi_bg.gif) repeat-y;
	width: 186px;
	margin: 0 auto;
	padding: 0 9px 10px 9px;
	line-height: 1.6em;
	font-size: x-small;
}
#monthly_add ul {
	background: url(../images/sidenavi_bg.gif) repeat-y;
	width: 186px;
	margin: 0 auto;
	padding: 0 9px 10px 9px;
}
#monthly_add ul li{
	background: url(../images/arrow.gif) no-repeat left;
	padding-left: 15px;
	margin-left: 10px;
	font-size: x-small;
}
/*-----------------------------------------------------
	[5]	Other
----------------------------------------------------- */

#pankuzu {
	font-size: x-small;
	color: #111;
	margin: 10px 0;
}
#pankuzu a:link {
	color: #606060;
	text-decoration: underline;
}
#pankuzu a:visited {
	color: #606060;
	text-decoration: underline;
}
#pankuzu a:hover {
	color: #000;
	text-decoration: underline;
}
#pankuzu a:active {
	color: #000;
	text-decoration: underline;
}


#pagetop a {
	position: relative;
	top: -35px;
	left: 5px;
	float: right;
	background: url(../images/pagetop.gif) no-repeat;
	width: 90px;
	height: 41px;
	text-indent: -9999pt;
	/*＼*/overflow: hidden;/**/
}

.attention {
	color: #FF0000;
}
.attention_b {
	color: #0099CC;
}

.midashi {
	margin: 20px 0 10px 0;
	padding: 5px 5px 5px 10px;
	color: #FF6600;
	font-size: large;
	border-left: 3px solid #FF6600;
}
.midashi2 {
	margin: 20px 0 10px 0;
	padding: 5px 5px 5px 10px;
	color: #005952;
	border-bottom: 2px dotted #00A99D;
	font-size: large;
}

#bukken_pr {
	color: #F26D7D;
	margin: 10px auto;
	font-weight: bold;
	font-size: 16px;
}
#map_wrap {
	margin: 10px auto;
	width: 550px;
}

.day {
	font-size: x-small;
	color: #666;
}
.left {
	float: left;
}
.right {
	float: right;
}
.tex_c {
	text-align: center;
}
.tex_r {
	text-align: right;
}
.tex_l {
	text-align: left;
}
.tex_mm {
	font-size: x-small;
	color: #777;
	line-height: 1.2em;
}
.tex_oo {
	color: #555;
	line-height: 1.4em;
	margin: 5px auto;
	width: 400px;
	float: left;
}
.left_pic{
	float: left;
	padding-right: 15px;
}
.right_pic{
	float: right;
	padding-left: 15px;
}
.bd_dot {
	border-bottom: 2px dotted #DADADA;
	padding-bottom: 10px;
	padding-top: 10px;
}
ul.ulstyle1 {
}
ul.ulstyle1 li{
	background: url(../images/arrow.gif) no-repeat left;
	margin-left: 15px;
	padding-left: 15px;
}

/* contact */
.contact_bg {
	width: 550px;
	padding: 10px;
	margin: 0 auto;
}
.contact_bt a{
	position: relative;
	float: right;
	background: url(../images/contact_bt.gif) no-repeat;
	width: 150px;
	height: 53px;
	text-indent: -9999pt;
	/*＼*/overflow: hidden;/**/
}
.contact_bt a:hover{filter: alpha(opacity=70); -moz-opacity:0.6; opacity:0.6;}

/* policy */
#policy {
	width: 570px;
}
#policy p{
	margin: 0 20px 20px 20px;
}
#policy h3{
	font-size: smaller;
}
#policy ul{
	margin: 10px 20px 30px 20px;
}
	#policy ul li {
	color: #FF0000;
	list-style:lower-alpha;
	margin-left: 40px;
	}

#policy_name {
	width: 570px;
	text-align: right;
	line-height: 1.2em;
	font-size: x-small;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 3px dotted #DADADA;
}
.pri_list {
	border: 1px solid #DADADA;
	margin: 10px 20px 30px 20px;
}
ol.pri_list li {
	list-style: circle;
	padding: 5px;
	margin-left: 30px;
}
.madoguchi {
	border: 3px dotted #DADADA;
	margin: 10px 20px 30px 20px;
	padding: 10px;
	background-color: #FFFFCC;
	font-size: smaller;
	color: #3E7FEB;
	line-height: 1.5em;
}

/* faq */
dl.faq {
	margin: 10px;
}
dl.faq dt {
	padding: 6px 0 10px 40px;
	color:#FF6402;
	font-weight: bold;
	font-size: large;
	background: url(../qa/images/question.gif) no-repeat left top;
	border-bottom: 2px dotted #FF6402;
}
dl.faq dd {
	padding: 14px 25px 20px 50px;
	color: #665744;
	background: url(../qa/images/answer.gif) no-repeat;
	background-position:11px 14px;
	margin-bottom: 15px;
}

/* news */
.news_ttl {
	background-color: #FFF;
	color: #3E7FEB;
	font-weight: bold;
	margin: 15px 0;
	padding: 5px 5px 5px 30px;
	background: url(../images/newsletter.gif) no-repeat left;
}
.news_box {
	margin: 10px;
}
.news_box p {
	padding: 5px 15px;
}


/*-----------------------------------------------------
	[6]	Footer
----------------------------------------------------- */


#footer {
	background-color: #FF882F;
	width: 763px;
	margin: 30px auto 0;
	padding: 15px 5px 10px 15px;
}
#footer p{color: #FFF;}
#copy_bg {background-color: #FFFEBF; padding: 5px; margin: 0;}
#copy {width: 788px; margin: 0 auto; font-size: x-small; color: #736357; text-align: right;}
#f06 {width:142px; float:left; margin-top:10px;} #f06 p {line-height: 1.1em;}
#f07 {width:142px; float:left; margin-top:10px;} #f07 p {line-height: 1.1em;}
#f08 {width:142px; float:left; margin-top:10px;} #f08 p {line-height: 1.1em;}
#f09 {width:195px; float:left; margin-top:10px;} #f09 p {line-height: 1.1em;}
#f10 {width:130px; float:left; margin-top:10px;} #f10 p {line-height: 1.1em;}

#footer a:link {
	color: #FFF0E4;
	text-decoration: underline;
}
#footer a:visited {
	color: #FFF0E4;
	text-decoration: underline;
}
#footer a:hover {
	color: #FFF;
	text-decoration: underline;
}
#footer a:active {
	color: #FFF;
	text-decoration: underline;
}
#footer ul {
}
#footer li{
	background: url(../images/arrow.gif) no-repeat left;
	padding-left: 15px;
	margin: 5px 10px 5px 0;
	font-size: x-small;
	display : inline;
}

/*-----------------------------------------------------
	[7]	Table
----------------------------------------------------- */

.table_01 {
	border: none;
	margin: 0 auto;
}
.table_01 th {
	border: none;
	background-color: #CCC;
	text-align: center;
	padding: 5px 0;
}
.table_01 td {
	border: none;
	padding: 0;
}

.table_02 {
	border: 1px solid #D1D1D1;
	margin: 0 auto;
}
.table_02 a {
	font-weight: bold;
}
.table_02 th {
	border: none;
	background-color: #CCC;
	text-align: center;
	padding: 5px 0;
}
.table_02 td {
	border: none;
	padding: 3px;
}

.table_03 {
	border: none;
	margin: 0 auto;
	empty-cells: show;
}
.table_03 th {
	border: 1px solid #D1D1D1;
	background-color: #CCC;
	text-align: center;
	padding: 5px 0;
}
.table_03 td {
	border: 1px solid #D1D1D1;
	padding: 3px;
}

.table_04 {
	width:95%;
	border-top:1px solid #e3f1fe;
	border-right:1px solid #e3f1fe;
	margin:1em auto;
	border-collapse:collapse;
	}
.table_04 caption {
	background: url(../images/arrow.gif) no-repeat left;
	color: #FF5300;
	font-size:1.1em;
	letter-spacing:.1em;
	padding:0 0 0 15px;
	margin: 0 0 0 0;
	margin-bottom: 0;
	caption-side:top;
	text-align:left;
	}	
.table_04 tr.odd td,
.table_04 tr.odd .column1 {
	background:#DEEDFC url(../images/background.gif) no-repeat;
	text-align: center;
	}	
.table_04 .column1	{
	background:#DEEDFC;
	}
.table_04 td {
	color:#111;
	border-bottom: 1px solid #e3f1fe;
	border-left:1px solid #e5eff8;
	padding:.3em;
	text-align:center;
	}				
.table_04 th {
	font-weight:normal;
	color: #195388;
	text-align:left;
	border-bottom: 1px solid #e3f1fe;
	border-left:1px solid #DEEDFC;
	padding:.3em 1em;
	}	
.table_04 thead th {
	background:#e3f1fe;
	text-align:center;
	font:bold 1em/1.8em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#195388
	}	
.table_04 thead .column1 {
	background:#DEEDFC url(../images/background.gif) no-repeat;
}
			

.bg_glay {
	background-color: #EFEDED;
	padding: 3px;
}
.bg_gray2 {
	background-color: #E6E6E6;
}
.bg_orange {
	background-color: #FFF9C8;
	color: #999;
}
.bg_yellow {
	background-color: #FFF0CC;
	color: #555;
	font-weight: bold;
	border: 1px solid #CCC;
}
.bg_white {
	background-color: #FFF;
}


/*-----------------------------------------------------
	[8] Box
----------------------------------------------------- */

.lite_box {
	width:550px;
	margin: 10px auto;
	}

.lite_box ul {
	}
	
.lite_box li {
	float: left;
	margin: 5px;
	padding:3px;
	border:1px #CCC solid;
	}

.box1 {
	width: 550px;
	margin: 10px auto;
}


#chintai_box {
	width: 554px;
	border: 4px solid #C7B299;
	padding: 4px;
	margin: 4px auto;
	text-align: center;
}
#chintai_box ul li.bd{
	background: url(../images/chintai_bd.gif) bottom repeat-x;
	padding-bottom: 2px;
}