@charset "utf-8";

/* ᑛEUE̊֘ACSS */

/* ===================================================================
@
@{../hippari/css/musoon.css𗘗p

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



/*---------------------------------------------------
   注目の施工
----------------------------------------------------*/

html,body{
	height:100%;
}

#contents{
	position:relative;
	width:100%;
	min-height:100%;
}


#attention_main{
    width:700px;
	height:auto;
	margin:10px auto 30px;
}


#attention_main_in{
    width:auto;
	margin-top:10px;
	padding-bottom:20px;
	border:1px solid #009BCE;
}

#attention_main_in h2{
    width:auto;
    height:18px;
	margin-bottom:10px;
    padding-left:20px;
    background-color:#009BCE;
	color:#FFF;
	font-size:85%;
	font-weight:normal;
}


#attention_main_in .attention_text{
    width:650px;
    margin:auto;
}



#attention_main_in .attention_text h3{
    margin-top:10px;
	margin-bottom:20px;
	font-size:150%;
    color:#009BCE; 
}

#attention_main_in .attention_text h3 span{
	margin-left:20px;
	color:#333;
	font-size:10px;
	font-weight:normal;
}

#attention_main_in .attention_text h4{
    margin-left:25px;
    padding-top:5px;
    padding-left:35px;
    background-image:url(images/icon_camera.gif);
	background-position:0 5px;
	background-repeat:no-repeat;
}

.attention_text .caption{
	margin-bottom:-10px;
	color:#CC0000;
	font-size:16px;
	font-weight:normal;
}

#attention_main_in .attention_textbg{
    line-height:170%;
    background-image:url(images/attention_textbg.gif);
	background-repeat:repeat;

}


#attention_main_in .attention_img{
    margin:0px auto 30px;
    min-height:320px;
}


#attention_main_in .attention_img ul{
    margin-top:15px;
    margin-bottom:15px;
	margin-left:25px; 
}


#attention_main_in .attention_img li{
    float:left;
    margin-right:15px;
	margin-bottom:10px;
}


#attention_main_in .attention_img li img{
    padding:3px;
	background-color:#FFF;
    border:1px solid #CCC;

}


.introduction{
    clear:left;
    width:650px;
	height:auto;
	margin-top:10px;
    margin-left:20px;	
}


.introduction h3{
    width:97%;
    margin-top:10px;
	margin-bottom:10px;
    margin-left:5px;
	padding-left:5px;
	background-image:url(images/attention_title_bg.gif);
	background-repeat:repeat;
	border-bottom:1px solid #CCC;
    border-left:5px solid #009BCE;
    font-size:120%;
	font-weight:bold;
}


.introduction ul{
	width:600px;
	margin-top:5px;
	margin-right:5px;
	margin-left:35px;
}


.introduction ul li{
    line-height:160%;
	padding-left:5px;
	list-style-type:disc;
	list-style-position:inherit;
}



.introduction .introduction_link{
	width:auto;
    margin-right:30px;
	text-align:right;
}


.introduction a:link{
	color:#009BCE;
}


.introduction  a:hover{
	color:#666;

}

.introduction a:visited{
	color:#009BCE;
}


.introduction ol li{
	padding-left:10px;
	background-image:url(images/list_bg.gif);
	background-repeat:no-repeat;
	background-position:left center;
	line-height:180%;
}

.introduction ol span{
	margin-left:10px;
	font-size:10px;
}

.introduction_text{
	width:92%;
	margin-top:20px;
	margin-left:20px;
}

.introduction_link{
	margin-top:50px; 
	margin-left:40px;
}

.introduction_link li{
	float:left;
	margin-right:10px;
}


/*---------------------------------------------------
    あと基礎アンカー
---------------------------------------------------*/


.base_main{
    clear:both;
    width:670px;
	margin-top:20px;
    margin-left:10px;	
	padding-bottom:20px;
}


.base_main h3{
    width:95%;
    margin-top:10px;
	margin-bottom:20px;
    margin-left:10px;
	padding-left:5px;
	background-image:url(images/attention_title_bg.gif);
	background-repeat:repeat;
	border-bottom:1px solid #CCC;
    border-left:5px solid #009BCE;
    font-size:120%;
	font-weight:bold;
}


.base_main h4{
	margin:10px;
}


.base_main_in{
	clear:both;
	height:auto;
	margin-top:20px;
}

.base_main_in ul li{
	float:left;
	margin-right:15px;
}


.base_main_in dl{
	margin-left:20px;
}


.base_main_in dd{
	margin-left:10px;
	margin-bottom:20px;
}


.base_main_in ol{
	float:left;
}

.base_main_in ol li{
	list-style-position:inside;
	list-style-type:disc;
}


.base_main_in .table_left{
	float:left;
	width:290px;
	margin-right:20px;
	padding-left:20px;
}

.base_main_in .table_left td{
	text-align:center;
	background-color:#FFF;
	border:1px solid #333;
}

.base_main_in .table_right{
	float:left;
	width:290px;
}

.base_main_in .table_right td{
	text-align:center;
	background-color:#FFF;
	border:1px solid #333;
}


.base_type{
	float:left;
	width:310px;
	margin-top:10px;
	margin-left:15px;
}


.base_other_merit{
	margin-left:15px;
}

.base_other_merit li{
	list-style-position:inside;
	list-style-type:disc;
}

.base_other_merit p{
	margin-top:10px;
}





/*---------------------------------------------------
	#footer
----------------------------------------------------*/

#footer{
	bottom:0;
}


#footer h3{
    font-weight:bold;

}


#footer .copy{
	color:#333;
	padding:0 0 5px 0;
	margin:0px;
	border:0;
}