@charset 'utf-8';
@import url("./common.css");

@charset 'utf-8';

/* ==================================================
  INDEX common.css
 ----------------------------------------------------
    reset,base,link
  1.main
  2.header
  3.contents
  4.footer
  5.other
    5-1.line
    5-2.color
    5-3.background
    5-4.position
================================================== */


/* reset
================================================== */
* {
	margin		: 0;
	padding		: 0;
	font-style	: normal;
	font-family	: Verdana, "‚l‚r ‚oƒSƒVƒbƒN",sans-serif;
	}

html,body{
	text-align	: center;
	margin		: 0 auto;
	color		: #4F3519;
	}
	
h1,h2,h3,h4,h5,
ol,ul,li,dl,dd,
address,
div,img{
	margin		: 0;
	padding		: 0;
	}

ol,ul,li,
dl,dd{
	list-style	: none;
	}
	
h1,h2,h3,h4,h5{
	font-size		: 100%;
	letter-spacing	: 0.1em;
	}

p{
	margin		: 0 0 1em 0;
	line-height	: 1.6;
	}

table{
	line-height	: 1.6;
	}

img{
	border		: none;
	}

address{
	font-style	: normal;
	}


/* link
================================================== */

a:link {   
	color		: #4F3519;
	}  
	
a:visited {  
	color		: #4F3519;
	}
	
a:hover {  
	color		: #4F3519;
	text-decoration	: none;
	}
	
a:active {  
	color		: #4F3519;
	}  	

/* 1.main
================================================== */
#main{
	width		: 950px;
	margin		: 0 auto;
	text-align	: left;
	}

.pagetop{
	margin		: 20px;
	text-align	: right;
	clear		: both;
	}
	

/* 2.contents
=====================================*/
#contents{
	width		: 900px;
	margin		: 0 5px 0 25px;
	}



/* 2-1.sideL
=====================================*/
.sideL{
    width		: 350px;
	height      : 650px;
	float		: left;
	clear		: both;
	background	: url("../img/bg_top.jpg") top left repeat-y #FFEAC1;
	}

#header{
	padding		: 0 5px;
	}

h1{
	width		: 185px;
	margin		: 5px 0 0 0;
	float		: left;
	font-weight	: normal;
	color		: #FFF;
	}
	
.menu{
	width		: 150px;
	height      : 650px;
	margin-top	: 0px;
	float		: right;
	background	: url("../img/bg_menu.jpg") top right repeat-y #FFEAC1;
	}

.menu ul{
	margin-top: 140px;
	}
	
.menu ul img{
	margin-top: 0;
	margin-bottom: 0;
		}
		
.menu li{
	margin		: 0 0 0 0;
	display		: inline;
		}

.menu li.space0{
	margin-bottom: 0;
	}


/* 2-2.sideR
=====================================*/
.sideR{
    width		: 550px;
	float		: left;
	margin-bottom: 15px;
	background	: url("../img/bg_right.jpg") no-repeat top right #F4E0B9;
	}

.topicpass {
	font-size: 10px;
	padding: 0;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom:10px;
	margin-left: 20px;
	line-height: 16px;
	vertical-align: bottom;
}

.top_info{
    margin		: 10px 0 15px 10px;
	font-size	: 11px;
	}

.top_info h2{
	margin		: 3px 0 10px 10px;
	font-size	: 14px;
	font-weight	: bold;
	color       : #9BA830;
	}

.top_info p{
	margin		: 5px 0 10px 10px;
	}

.jisseki_box{
	width		: 500px;
	color		: #4F3519;
	float		: left;
	margin-top  : 5px;
	margin-left : 20px;
	margin-bottom : 5px;
	line-height	: 1.8;
	}
	
.jisseki_box h3{
	margin		: 0 0 0 0;
	display		: inline;
	}
	
.kenchiku{
	width		: 510px;
	height      : 110px;
	padding		: 5px 0;
	border		: solid 2px #4F3519;
	}

.kenchiku img{
	float		: left;
	margin		: 5px 10px;
	}

.kenchiku h4{
	margin		: 10px 0 0 5px;
	font-size	: 14px;
	font-weight	: bold;
	color       : #9BA830;
	}

.kenchiku p{
	margin		: 5px 10px;
	font-size	: 11px;
	}

.build_box{
	width		: 520px;
	height      : 300px;
	float		: left;
	margin-top  : 0px;
	margin-left : 20px;
	margin-bottom : 10px;
	background	: url("../img/bg_build.gif") no-repeat top right;
	}
	
.buildL_box{
	width		: 200px;
	height      : 120px;
	color		: #4B4A4A;
	float		: left;
	margin-top : 35px;
	margin-bottom : 5px;
	line-height	: 1.8;
	}

.buildL_box img{
	float		: left;
	margin		: 10px 10px 10px 10px;
	}

.buildL_box h5{
	margin		: 5px 0 0 5px;
	font-size	: 14px;
	font-weight	: bold;
	color       : #FF4216;
	}

.buildL_box p{
	margin		: 0 10px;
	}

.buildR_box{
	width		: 190px;
	height      : 120px;
	color		: #4B4A4A;
	float		: right;
	margin-top  : 35px;
	margin-bottom :5px;
	line-height	: 1.8;
	}
		
.buildR_box img{
	float		: left;
	margin		: 10px 10px 10px 10px;
	}

.buildR_box h5{
	margin		: 5px 0 0 5px;
	font-size	: 14px;
	font-weight	: bold;
	color       : #FF4216;
	}

.buildR_box p{
	margin		: 0 10px;
	}
		
.kodawari_box{
	width		: 520px;
	float		: left;
	margin-top  : 15px;
	margin-left : 20px;
	margin-bottom : 10px;
	line-height	: 1.8;
	}
	
.kodawari_box h3{
	float       : left;
	margin		: 0 0 0 0;
	display		: inline;
	}
	
.kodawariL_box{
	width		: 255px;
	height      : 120px;
	color		: #4B4A4A;
	float		: left;
	margin-top : 5px;
	margin-bottom : 5px;
	line-height	: 1.8;
	background	: #FFF;
	}

.kodawariL_box img{
	float		: left;
	margin		: 10px 10px 10px 10px;
	}

.kodawariL_box h4{
	margin		: 5px 0 0 5px;
	font-size	: 14px;
	font-weight	: bold;
	color       : #9BA830;
	}

.kodawariL_box p{
	margin		: 0 10px;
	font-size	: 10px;
	}

.kodawariR_box{
	width		: 245px;
	height      : 120px;
	color		: #4B4A4A;
	float		: left;
	margin-top : 5px;
	margin-left : 10px;
	margin-bottom :5px;
	line-height	: 1.8;
	background	: #FFF;
	}
		
.kodawariR_box img{
	float		: left;
	margin		: 10px 10px 10px 10px;
	}

.kodawariR_box h4{
	margin		: 5px 0 0 5px;
	font-size	: 14px;
	font-weight	: bold;
	color       : #9BA830;
	}

.kodawariR_box p{
	margin		: 0 10px;
	font-size	: 10px;
	}

.news_box{
	width		: 500px;
	float		: left;
	margin-top  : 10px;
	margin-left : 20px;
	margin-bottom : 25px;
	line-height	: 1.8;
	}
	
.news_box h3{
	margin		: 0 0 0 0;
	display		: inline;
	}
	
.top_news{
	width		: 500px;
	float		: left;
	line-height	: 1.8;
	border		: solid 2px #C2CA6C;
	}

.top_news h2{
	margin		: 3px 0 3px 1px;
	float       : left;
	}

.top_news ul{
	margin		: 5px 10px 10px;
	}

.jisseki{
	width		: 500px;
	color		: #4F3519;
	float		: left;
	margin-top  : 5px;
	margin-left : 20px;
	margin-bottom : 10px;
	line-height	: 1.8;
	border		: solid 2px #4F3519;
	}
	
.jisseki h3{
	margin		: 0 0 0 0;
	display		: inline;
	}
	
.kenchiku_jisseki{
	width		: 510px;
	height      : 120px;
	padding		: 5px 0;
	margin-bottom:10px;
	}

.kenchiku_jisseki img{
	float		: left;
	margin		: 5px 10px;
	}

.kenchiku_jisseki h4{
	margin		: 10px 0 0 5px;
	font-size	: 14px;
	font-weight	: bold;
	color       : #FF5409;
	}

.kenchiku_jisseki p{
	margin		: 3px 10px;
	font-size	: 11px;
	}

.nagare_box{
	width		: 520px;
	float		: left;
	margin-top  : 15px;
	margin-left : 20px;
	margin-bottom : 10px;
	line-height	: 1.8;
	}
	
.nagare_box h3{
	float       : left;
	margin		: 0 0 10px 0;
	display		: inline;
	}
.option table{
	width		: 520px;
	margin		: 15px 0;
	font-size	: 11px;
	}
	
.option td,
.option th{
	padding		: 5px 15px;
	color		: #180D0F;
	background	: #D8BFA3;
	border-bottom	: solid 3px #180D0F;
	}					
/* 4.footer
================================================== */
#footer{
	padding		: 15px 0 0 60px;
	clear		: both;
	}

#footer p{
	margin		: 2px;
	}

.copyright{
	width		: 830px;
	text-align	: center;
	letter-spacing	: 0em;
	}

.copyright img{
	margin		: -3px 1px;
	}

/* 5.other
================================================== */
.b{
	font-weight	: bold;
	}
	
.normal{
	font-weight	: normal;
	}

.b_none{
	text-decoration	: none;
	border			: none;
	}

.clear{
	clear		: both;
	}

.thin{
	letter-spacing	: 0em;
	}

.font11{
	font-size		: 1.1em;
	}
	
.font12{
	font-size		: 1.2em;
	}
	
.font13{
	font-size		: 1.3em;
	}
	
.f_small{
	font-size		: small;
	}
	
/* 5-1.line
-------------------------------------------------- */
hr {
	display		: none;
	}
	
.clr {
	height		: 0;
	clear		: both;
	}
	
.line01{
	height		: 1px;
	margin		: 10px 0;
	clear		: both;
	background	: url(../img/common/line01.gif) repeat-x;
	}
	
.line02{
	height		: 9px;
	margin		: 10px 0;
	clear		: both;
	background	: url(../img/line02.gif) repeat-x;
	}	
	
/* 5-2.color
-------------------------------------------------- */
.blue{
	color		: #039;
	}

.red{
	color		: #C00;
	}

.green{
	color		: #008000;
	}
	
.orange{
	color		: #F60;
	}


/* 5-3.background
-------------------------------------------------- */
.bg_gray{
	background	: #CCC;
	}

.bg_beige{
	background	: #F3FDE8;
	}


/* 5-4.position
-------------------------------------------------- */
.textC{
	text-align	: left;
	}

.textR{
	text-align	: right;
	}

.textL{
	text-align	: left;
	}
	
.imgR{
	float		: right;
	margin		: 0 0 10px 10px;
	}

.imgL{
	float		: left;
	margin		: 0 10px 10px 0;
	}
	
.imgR2{
	float		: right;
	margin		: 0;
	}

.imgL2{
	float		: left;
	margin		: 0;
	}