@charset "shift_jis";
/* ===================================================================
CSS information

 file name  :common.css
 style info :共通用
 

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





/*----------------------------------------------------
リンクカラー
----------------------------------------------------*/

a {
	color:#000;
}
a:hover {
	color:#d87122;
}

/*----------------------------------------------------
共通スタイル
----------------------------------------------------*/

div#wrapper .large {
	font-size:110%;
}
div#wrapper .small {
	font-size:80%;
}
div#wrapper .attention {
	font-size:90%;
	color:#777;
	line-height:1.2;
}
div#wrapper .center {
	text-align:center;
}


/*----------------------------------------------------
	基本設定
----------------------------------------------------*/

body {
text-align:center;
background:#fff url(../images/bg.gif);
color:#000000;
font-size:80%;
margin: 20px 20px 50px 20px;
}

div#wrapper{
width:800px;
margin:0 auto;
text-align:left;
}
li img{
	vertical-align: top;
}


/*----------------------------------------------------
	head
----------------------------------------------------*/



/*----------------------------------------------------
	sidebar
----------------------------------------------------*/

div#wrapper #sidebar{
	float:left;
	width:100px;
}
div#wrapper #sidebar #logo{
	margin-bottom:20px;
}
div#wrapper #sidebar ul#smenu{
	border-top:solid 1px #a69e90;
}
div#wrapper #sidebar ul#smenu li{
	border-bottom:solid 1px #a69e90;
}


div#wrapper #sidebar ul#smenu li li{
	border-bottom:none;
	margin:0;
}


/*----------------------------------------------------
	contents
----------------------------------------------------*/

div#wrapper #contents{
float:right;
width:667px;
padding-left:15px;
border-left:solid 1px #a69e90;
}
div#wrapper .indent{
margin:0 7px;
}
div#wrapper #contents h2{
margin:20px 0 10px 0;
}
div#wrapper #contents p{
margin: 0.7em 0;
}
div#wrapper #contents p.more{
	text-align:right;
}

div#wrapper #contents p.menu-dl{
	vertical-align:middle;
}
div#wrapper #contents p.menu-dl img{
	vertical-align:middle;
}



/*----------------------------------------------------
	footer
----------------------------------------------------*/
#footline {
border-top: solid 2px #033baa;
margin-top:20px;
}
#footline #footer {
	width:1000px;
	text-align:center;
	margin: 0 auto;
	padding: 7px 0;
}
#footline #footer  ul#fmenu {
margin-bottom:10px;
padding:5px;
}
#footline #footer ul#fmenu li {
display:inline;
}
#footline #footer ul#fmenu li a {
color:#333333;
border-left: solid 1px #c9ba9b;
padding: 0px 13px;
}
#footline #footer ul#fmenu li a:hover {
color:#777;
}
#footline #footer address {
color:#999;
}
#footline #footer address a {
color:#999;
text-decoration:none;
}


/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから） */
.clearfix {
min-height:1px;　/* IE 7対策 */
}
.clearfix:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

.clearfix { display:inline-table; }

/* Mac IE には適用させない \*/
* html .clearfix { height:1px; }
.clearfix { display:block; }
/* */
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */