* {
 margin: 0;
 padding: 0;
 }

/* htmlとbodyタグの設定：サイト全体の設定です */
html {
 text-align:center;
 margin: 0;
 padding: 0;
 color: #555;
 height:100%;
 font-size: 12px;
 background-position:center;
 }

body {
 }


#page{
	overflow: hidden;
	width:840px;
	background:#FFFFFF url(img/bg_page.jpg) repeat;
        margin-top:0px;
        text-align:left;
}

#page-inner{
	overflow: hidden;
	width:800px;
        margin-top:0px;
	margin-left:15px;
	background:#FFFFFF ;
        background-position:center;
}

#header{
        width:800px;
	height:260px;
        margin-top:0px;
	background:#FFFFFF url(img/bg_header.jpg) no-repeat;
}

#header_a{
	width:780px;
	height:100px;
        margin-top:0px;

}

#header_al{
	width:220px;
	float:left;
        margin-top:10px;
        margin-left:10px;
}

#header_ar{
	width:540px;
	float:right;
	border-left-style:solid;
	border-left-color:#7e4d37;
	border-left-width:2px;

}


#header_ar_toi{
        width:295px;
        height:40px;
        float:left;
        margin-top:10px;
	font-size:12pt;
        text-indent:228px;
        padding-top:11px;
 	background: url(img/renrakusaki.jpg) no-repeat;

}

#header_ar_link{
        width:215px;
        height:30px;
        float:right;
        margin-top:20px;
        padding-right:5px;
	font-size:10pt;
        text-align:right;

}

#header_copy{
        width:528px;
        height:25px;
        float:left;
        margin-top:5px;
        padding-top:5px;
        padding-left:5px;
	color:#ffffff;
	background:#7e4d37;
        font-size:11pt;

}


#header_b{
	width:760px;
	height:150px;
        margin-left:20px;
	background:url(img/img_01.jpg) no-repeat;
	border:solid 1px #ffffff;
}

#header_button a{
        display:block;
        width:130px;
        height:85px;
	background:url(img/bana_sindan.jpg) no-repeat;
        text-decoration:none;
        margin-left:600px;
        margin-top:50px;
        text-indent:-9999;

}

#header_button a:hover{
        display:block;
        background:url(img/bana_sindan_ov.jpg) no-repeat;
        text-decoration:none;

}

#pagebody{
	overflow: hidden;
	width:800px;
	background:#FFFFFF url(img/bg_pagebody.jpg) no-repeat;
}

#body_l{
	width:200px;
	float:left;
        margin-top:5px;
        margin-left:3px;
        padding-top:3px;

}

#body_l_inner{
	width:195px;
	background:#FFFFFF url(img/bg_body_l.jpg) ;
	float:left;

}

#contents{
	width:190px;
        margin-top:3px;
        padding-top:2px;
        text-align:right;
}
	

#button a{
        display:block;
        width:170px;
        height:35px;
        color:#ff6600; 
        line-height:2.5em;
	background:url(img/button.jpg) no-repeat;
        text-decoration:none;
        margin-left:3px;
        margin-bottom:5px;
        text-indent:10px;
        text-align:left;
        font-size:10pt;
        padding-bottom:3px;
        padding-left:15px;

}

#button a:hover{
        display:block;
        color:#ff0000; 
        line-height:2.5em;
        background:url(img/button_2.jpg) no-repeat;
        text-decoration:none;

}

#button2 a{
        display:block;
        width:170px;
        height:35px;
        color:#ff6600; 
        line-height:2.5em;
	background:url(img/button.jpg) no-repeat;
        text-decoration:none;
        margin-left:3px;
        text-indent:10px;
        text-align:left;
        font-size:10pt;
        padding-bottom:3px;
        padding-left:15px;

}

#button2 a:hover{
        display:block;
        color:#ff0000; 
        line-height:2.5em;
        background:url(img/button_2.jpg) no-repeat;
        text-decoration:none;

}

#button3 a{
        display:block;
        width:170px;
        height:35px;
        color:#ff6600; 
        line-height:2.5em;
	background:url(img/button.jpg) no-repeat;
        text-decoration:none;
        margin-top:5px;
        margin-bottom:5px;
        margin-left:3px;
        text-indent:10px;
        text-align:left;
        font-size:10pt;
        padding-bottom:3px;
        padding-left:15px;

}

#button3 a:hover{
        display:block;
        color:#ff0000; 
        line-height:2.5em;
        background:url(img/button_2.jpg) no-repeat;
        text-decoration:none;

}

#button_s a{
        display:block;
        width:150px;
        height:25px;
        color:#ff6600; 
	background:url(img/button_s.jpg) no-repeat;
        text-decoration:none;
        margin-left:23px;
        text-indent:10px;
        text-align:left;
        font-size:8pt;
        padding-top:5px;
        padding-left:5px;

}

#button_s a:hover{
        display:block;
        color:#ff0000;
        background:url(img/button_s_2.jpg) no-repeat;
        text-decoration:none;

}

#button_toi a{
        display:block;
        width:169px;
        height:30px;
        color:#ff6600; 
        line-height:2.5em;
	background:url(img/button_otoiawase_web1.gif) no-repeat;

}

#button_toi a:hover{
        display:block;
        color:#ff0000; 
        background:url(img/button_otoiawase_web2.gif) no-repeat;

}



#body_l_bottom{
	width:180px;
        border-style:solid;
        border-width:1px;
        border-color:#b78f65;
        margin-top:5px;
        margin-left:10px;
        margin-bottom:15px;
        padding:3px;
        color:#52593f;
        filter:alpha(opacity=50);
        background-color:#ffffff;
        font-size:10pt;
        line-height:1.2em;
}

.bottom_title{
        margin-top:5px;
        padding:3px;
	color:#ffffff;
	background:#52593f;
        font-size:11pt;        

}


#body_r{
	width:590px;
	float:right;
        margin-top:5px;
        padding-top:3px;
}

#body_r2{
	width:590px;
	float:right;
        margin-top:5px;
        padding-top:3px;
}

#body_r2 h3{
	width:500px;
        height:15px;
        margin-top:5px;
        padding-top:3px;
        color:#ffffff;
	background:#6B8E23;
        font-size:10pt;
        text-indent:20px;
        margin-left:25px;
}


#body_r2 table{
	width:500px;
        font-size:10pt;
        margin-left:25px;
        filter:alpha(opacity=50);
        background-color:#ffffff;

}

#body_r2 td{
        padding:15px;
        font-size:10pt;
        border-width:2px;
        border-bottom-style:solid;
        border-right-style:solid;
        border-color:#633b2d;
}

#body_r3{
	width:590px;
	float:right;
        margin-top:5px;
        padding-top:3px;
}

#body_r3 h3{
	width:500px;
        height:10px;
        margin-top:5px;
        color:#ffffff;
	background:#a39384;
        font-size:10pt;
        text-indent:20px;
        margin-left:25px;
}


#body_r3 table{
	width:500px;
        font-size:10pt;
        margin-left:25px;
        filter:alpha(opacity=50);
        background-color:#ffffff;

}

#body_r3 td{
        padding:15px;
        font-size:10pt;
        line-height:1.5em;

}

#body_r4{
	 width:590px;
         float:right;
         margin-top:5px;
         padding-top:3px;
}


#body_r4 table{
         width:450px;
         filter:alpha(opacity=50);
         background-color:#ffffff;

}

#body_r4 td{
         padding:0px;
         font-size:10pt;

}

#body_r5{
	width:560px;
        float:right;
        margin-top:5px;
        padding-top:3px;
}

#body_r5 table{
        margin-left:15px;
        font-size:10pt;

}

#body_r6{
	 width:590px;
         float:right;
         margin-top:5px;
         padding-top:3px;
}


#body_r6 table{
         width:580px;
         filter:alpha(opacity=50);
         background-color:#ffffff;
         margin-top:20px;
         margin-bottom:20px;

}

#body_r6 td{
         padding:3px;
         font-size:10pt;
         line-height:1.2em;

}

#body_r7{
	 width:590px;
         float:right;
         margin-top:5px;
         padding-top:3px;
}


#body_r7 table{
         width:300px;
         margin-left:10px;
         padding:5px;
         filter:alpha(opacity=50);
         background-color:#ffffff;
         margin-top:10px;
         margin-bottom:10px;

}

#body_r7 td{
         font-size:10pt;
         line-height:1.2em;

}

#body_r8{
	 width:590px;
         float:right;
         margin-top:5px;
         padding-top:3px;
}


#body_r8 table{
         width:500px;
         margin-left:25px;
         padding:15px;
         filter:alpha(opacity=50);
         background-color:#ffffff;
}

#body_r8 td{
	 height:30px;
         font-size:10pt;
         line-height:1.2em;
         padding-left:5px;

}

#body_r9{
	 width:590px;
         float:right;
         margin-top:5px;
         padding-top:3px;
}


#body_r9 table{
         width:510px;
         filter:alpha(opacity=50);
         background-color:#ffffff;
         margin-top:20px;
         margin-bottom:20px;

}

#body_r9 td{
         padding:3px;
         font-size:10pt;
         line-height:1.2em;

}


#body_r_mt1{
	 width:590px;
         float:right;
         margin-top:5px;
         padding-top:3px;
}


#body_r_mt1 table{
         width:560px;
         filter:alpha(opacity=50);
         background-color:#ffffff;
         margin-top:20px;
         margin-bottom:20px;

}

#body_r_mt1 td{
         padding:3px;
         font-size:10pt;
         line-height:1.2em;

}

#header_all{
	width:500px;
	margin-top:100px;
	margin-left:150px;
	text-align:center;
	font-size:12pt;
	line-height:1.8em;
	color:#660000;

}

#body_all{
	width:500px;
	height:200px;
	margin-left:150px;
	font-size:10pt;

}

#question{
         margin-left:5px;
         margin-bottom:5px;
         font-size:9pt;
         line-height:1.2em;
         background:url(img/icon_maruya.gif) no-repeat;
         padding-left: 2em;
         padding-right: 2em;
         color="#52593f"

}

#answer{
         margin-left:5px;
         margin-bottom:5px;
         margin-top:15px;
         font-size:9pt;
         line-height:1.2em;
         padding-left: 2em;
         padding-right: 3em;

}

#ber_qa{
        font-size:10pt;
        color:#669900;


}

#boder_qa{
        width:400px;
        height:40px;
        padding-top:20px;
        padding-right:10px;
        font-size:8pt;
        font-weight: bold;
        color:#ffffff;
        text-align:right;
        background:url(img/border_qa.gif) no-repeat;
}


.flow_koumoku{
        width:460px;
        height:20px;
        background:url(img/icon_maru.gif) no-repeat;
        text-indent:23px;
        background-color:#FAEBD7;
        color:#7e4d37;
        font-size:12pt;
        padding-top:2px;

}

.flow_setumei{
        width:450;
        padding-top:5px;
        padding-left:12px;

}

.service_koumoku{
        width:160px;
        height:15px;
        background-color:#FAEBD7;
        color:#7e4d37;
        text-indent:5px;
        line-height:1.3em;

}

.service_setumei{
        color:#666633;
        line-height:1.8em;

}

.service_setumei2{
        color:#666666;
        line-height:1.3em;

}

.ryoukin{
	width:520px;
	font-size:10pt;
	text-align:right;
}

.gaiyou{
        line-height:1.8em;

}

.netshop{
	width:500px;
	font-size:12pt;
	font-weight:bold;
	color:#009900;
	margin-left:10px;
}

#ec_syoukai{
	width:560px;
	background-color:#ffffff;
	color:#333333;
	padding:10px;
	line-height:1.8em;
}

#ec_plan{
	width:450px;
	margin-left:30px;
	margin-bottom:10px;
}

.plan_title{
	width:500px;
	height:25px;
	background-color:#003366;
	color:#ffffff;
	text-align:center;
	font-weight:bold;
	padding-top:4px;
	margin:0px 5px 10px 10px;
	float:left;
}

#plan{
	width:510px;
	text-align:center;
	margin:0px 0px 20px 8px;
	float:left;

}

.plan_1{
	margin-left:0px;
	margin-right:2px;
}

.plan_2{
	margin-right:2px;
}

.sbox5{
		width:560px;
		margin-top:10px;
		margin-left:12px;

		}

#vision{
                width:430px;
                margin-left:50px;
                margin-bottom:20px;
                border-bottom-style:solid;
                border-bottom-width:1px;
                border-bottom-color:#663300;
                padding-left:50px;
                padding-bottom:10px;
                font-size:12pt;
}

.vision{
                font-size:11pt;
                margin-left:20px;
                margin-right:30px;
                margin-top:5px;
                margin-bottom:15px;

}

#vision_sengen{
                font-size:11pt;
                color:#330000;
                text-align:center;
                line-height:1.8em;
                padding-top:15px;
                padding-bottom:15px;
                padding-left:20px;
                padding-right:20px;
                border-style:solid;
                border-width:1px;
                border-color:#663300;
}


.smap_koumoku1{
        background:url(img/icon_3ten.gif) no-repeat;
        margin-left:30px;
        margin-top:15px;
        margin-bottom:15px;
        padding-left:20px;
}

.smap_koumoku2{
        background:url(img/icon_3ten.gif) no-repeat;
        margin-left:230px;
        margin-top:15px;
        margin-bottom:15px;
        padding-left:20px;
}

#body_ra{
	width:380px;
        float:left;
        margin-left:3px;

}

#top-centerwaku{
        width:350px;
	margin-bottom:15px; 
        font-size:11pt;
        line-height:1.5em;
	border:none;
}

#top-centerwaku a{
        width:350px;
        font-size:11pt;
	text-decoration:none;
}

#top-centerwaku a:hover{
        width:350px;
        font-size:11pt;
	text-decoration:none;
}

#concept{
        width:350px;
        background:url(img/concept.gif) no-repeat;
	margin-left:5px;
	margin-bottom:15px;
        margin-top:30px;
        padding-top:50px;       
        padding-left:5px;
        font-size:11pt;
        line-height:1.5em;

}


#works{
	display:block;
	width:360px;
        border:solid 1px #b78f65;
        margin-top:5px;
        margin-bottom:3px;
        padding:3px;
	float:left;
}

#works table{
	width:360px;
}

.works_title{
        margin-top:5px;
        padding:3px;
	color:#ffffff;
	background:#7e4d37;
        font-size:11pt;

}

.works{
        margin-top:5px;
        padding:3px;
        font-size:10pt;
        line-height:1.2em;

}

#works_all{
	display:block;
	width:360px;
        margin-top:5px;
        margin-bottom:3px;
        padding:3px;
	text-align:right;
	float:left;

}

#body_rb{
	width:200px;
        margin-left:3px;
        float:right;


}

#info{
	width:180px;
        border-style:solid;
        border-width:1px;
        border-color:#52593f;
        margin-top:8px;
        margin-bottom:8px;
        margin-left:5px;
        padding-bottom:10px;

}

#info_item{
	width:170px;
	border-bottom-style:dotted;
        border-width:1px;
        border-color:#52593f;
        margin-left:5px;
        margin-bottom:5px;
        padding:5px;

}

#info_item p{
	padding-top:3px;
        color:#7d4e37;
        font-size:10pt;
}

.info{
        width:165px;
        color:#cc6633;
	border-bottom-style:dotted;
        border-width:1px;
        border-color:#52593f;
        margin-bottom:5px;
        margin:5px;
        padding-bottom:5px;

}

#bana{
	width:180px;
        padding-bottom:5px;
        text-align:center;
        margin-left:15px;
}

.point{
        width:450px;
        padding:3px;
        color:#ffffff;
        background-color:#663333;
        font-size:12pt;
}

.mousikomi{
        width:450;
        padding-top:10px;
        padding-bottom:10px;
        padding-left:20px;
        padding-right:20px;
        border-style:solid;
        border-width:1px;
        color:#663333;

}


#body_bottom{
	display:block;
	width:775px;
	height:50px;
	font-size:10pt;
        text-align:right;
	float:left;
}

.sbox5{
		width:560px;
		margin-top:10px;
		}

#footer{
	width:800px;
	height:50px;
        background:#FFFFFF url(img/bg_footer.jpg) ;
        color:#FFFFFF;
        text-align:center;
        padding-top:15px;
}

#under_construction{
        width:200px;
        height:80px;
        margin-left:150px;
        background:#ffffff;
        color:#666666;
}

/* コンセプト追加ページ用 */

#opening{
        width:500px;
        float:right;
        margin-top:5px;
        margin-left:5px;
        margin-right:5px;
        margin-bottom:15px;
        padding:5px;
        font-size:11pt;
        color:#CC3333;
        line-height:1.2em;
        text-align:right;

}

#concept2{
        line-height:1.2em;
        margin-top:10px;

}


#con_ue_l{
        width:80;
        padding:10px;
        float:left;
}

#con_ue_r{
        width:450;
        border-bottom:dashed 1px;

}

.con{
        color:#669933;
        font-size:10pt;
        font-weight:bold;
        padding-left:20px;
        padding-right:20px;
}

#con2{
        font-size:10pt;

}

#con_sita{
        width:450px;
        line-height:1.5em;
        padding-top:10px;
        padding-left:30px;
        padding-bottom:10px;

}

#con_button{
	float:right;
	padding-top:10px;
}


/* コンセプト追加ページ用　ここまで */

/* テンプレート紹介用 */

#option{
	width:550px;	
	margin-left:20px;
	padding:8px;
	border:dashed 1px #669933;
	text-align:center;
}

.option{
	text-align:left;
	margin-left:10px;
	padding:5px;
	color:#669933;
}

.option2{
	display:block;
	width:480px;
	text-align:left;
	margin-left:20px;
	padding:5px;
	font-size:12pt;
	color:#ff6600;
	font-weight:bold;
	line-height:1.8em;
}

.option2_link{
	display:block;
	width:480px;
	text-align:right;
	margin-right:20px;
	padding:5px;
	font-size:18pt;
	color:#ff6600;
	font-weight:bold;
	line-height:1.5em;
}

.option2_link a{
	display:block;
	width:480px;
	text-align:right;
	padding:5px;
	font-size:13pt;
	color:#ff6600;
	font-weight:bold;
}

.form{
	margin-left:20px;
	padding:5px;

}

.map{
	margin-left:220px;
	padding:5px;

}

.syoukaibun{
	width:155px;
	text-align:left;
	padding-bottom:8px;
	font-size:11px;
	line-height:1.8em;
}

/* テンプレート紹介用　ここまで */

/* ＭＴタグ用 */

.info_date{
           width:120px;
           color:#666666;

}

.info_title{
           width:160px;
           line-height:1.2em;
           padding:5px;

}

.info_back{
           text-align:right;
           margin-right:5px;
           font-size:8px;

}

.info_back2{
           text-align:right;
           margin-right:35px;
           font-size:12px;

}


#info_box1{
           width:560px;
           margin-left:25px;
           margin-top:5px;
           margin-bottom:5px;
           color:#666666;
           line-height:1.2em;
}



/* ＭＴタグ用　ここまで */

/*動画*/

.movie{
	width:350px;
	height:245px;
	border:solid 1px #cccccc;
	margin-bottom:10px;
	margin-left:20px;
	padding:5px;
	text-align:center;
	float:left;
}