@charset "utf-8";

/* base 1 ********************************************/

body{
	margin: 0 0 10px;
	padding: 0;
	line-height: 160%;
	color: #282824;
	background: #efefdc url(../img/bg.gif) top repeat-x;
	font-family: Meiryo, Verdana, "メイリオ", "ＭＳ Ｐゴシック", Hiragino Kaku Gothic Pro, Osaka;
	font-size: 78%;
	text-align:center;
}

#container{
	margin:0 auto;
	width: 902px;
	background: #fff url(../img/bg_container.gif);
}
#wrap{
	padding: 0 1px;
	background: url(../img/bg_content_2.gif);
	text-align:left;
}

#wrap2{
	padding: 0 1px;
		background: url(../img/bg_content_3.gif);
	text-align:left;
}

#wrap3{
	padding: 0 1px;
	background:#fff;
	text-align:left;
}


#index #wrap{ background: url(../img/bg_content_1.gif);}

#header{
	height: 90px;
	position: relative;
	background: url(../img/header.gif);
}

#header.movie{
	height: 80px;
	position: relative;
	background: url(../img/header.gif);
}


#navi_top{
	position: absolute;
	top: 30px;
	left: 492px;
	width: 160px;
	height: 22px;
}

#title{
	margin: 0 0 10px;
	padding: 0 0 5px;
	background: url(../img/line_bg.gif) no-repeat bottom;
}
#contents{
	float: right;
	width: 660px;
}
#contentsmovie{

	width: 900px;
}

.articletop{ padding: 0 25px 0px 0; overflow: hidden; font-size: 95%; }
.article{ padding: 0 25px 10px 0;overflow: hidden; }
.article1{ padding: 0 25px 0px 0;overflow: hidden;}
.article2{ padding: 0 170px 10px 170px;overflow: hidden;}

#navi_left{
	float: left;
	width: 200px;
    background-color: #FFFAF0;
	}



#footer{
	margin: 0;
	clear: both;
	border-bottom: #d0d0b0 solid 1px;
	background: url(../img/line_bg.gif) no-repeat top #fff;
}
div.form2{
	text-align: right;
}

div.form3{
	text-align: right;
	margin:10px 0 0 0;
	padding:0 50px 0 0;
}


/* base 2 ********************************************/

a{ color: #8f5e35;}
a:hover{ color: #6b401b;}

p{ margin: 0 0 0.7em;}

img{ border: none;}

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

.sml{ font-size: 80%;}

h1{
	margin: 0;
	padding: 0;
	font-size: 120%;
}

h2{
	margin: 0 0 15px;
	padding: 0 20px;
	clear: both;
	border-top: 1px solid #c1c19e;
	background: url(../img/h2.gif) bottom;
	line-height: 35px;
	font-size: 110%;
}

#twitter_outer h3{
	background: none;
}

#twitter_outer {
	margin: 0 0 15px 0;
	padding: 0 0 20px 0;
	clear :both;
}


h3{
	margin: 0 0 10px;
	padding: 0 0 1px 15px;
	background: url(../img/h3.gif) repeat-y left center;
	line-height: 175%;
	font-size: 130%;
	text-align:left;
}

h3{
	margin: 0 0 10px;
	padding: 0 0 1px 15px;
	background: url(../img/h3.gif) repeat-y left center;
	line-height: 175%;
	font-size: 130%;
	text-align:left;
}


h3.g{
	margin: 0 0 10px;
	padding: 0 0 1px 15px;
	background:#0f821b;
	color:#FFFFFF;

}

h3.b{
	margin: 0 0 10px;
	padding: 0 0 1px 15px;
	background:#36acf6;
	color:#FFFFFF;

}




h4{
	margin: 0 0 10px;
	background: #efefdc;
	font-size: 100%;
}

/* --- GET HIGHT --- */

.hght{
	display: block;
	min-height: 0;
}
.hght:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html .hght{ display: inline-block;}
/* exclude ie mac \*/
* html .hght{ height: 1%;}
/* all brouser */

/* --- PRINT --- */

@media print {
body { _zoom: 0.85;}
}

/* --- justify --- */

/* exclude ie mac \*/
#contents{ text-align: justify; text-justify: inter-ideograph;}
/* all brouser */

/* --- span --- */

#header span{ display: none;}

/* header ********************************************/

#header #LOGO,
#header #tel,
#header #address{ position: absolute;}

#header a{ display: block;}

/* --- h1 --- */

#header h1{
	margin: 0 0 0 20px;
	font-size: 11px;
	font-weight: normal;
	line-height:140%;
	
}

/* --- LOGO --- */

#header #LOGO{
	top: 30px;
	left: 25px;
}
#header #LOGO, #header #LOGO a{ width: 175px; height: 50px;}
#header #tel{
	padding: 35px 0 0;
	width: 300px;
	height: 1em;
	top: 22px;
	left: 667px;
	font-weight: bold;
}
#header #address{
	width: 500px;
	height: 1em;
	top: 58px;
	right: 250px;
	text-align: right;
	font-size: 11px;
}

/* --- NAVIGATION --- */

#navi_top a{ width: 160px; height: 22px;}

/* navi_left ********************************************/

#navi_left ul{ margin: 0; padding: 0; list-style: none;}
#navi_left li{
	margin: 0 0 5px;
	float: left;
	display: block;
	width: 210px;
	height: 40px;
	background: url(../img/navi_left.gif);
	line-height: 40px;
	font-size: 12px;
	overflow: hidden;
}
#navi_left li a{
	padding: 0 0 0 50px;
	display: block;
	color: #282824;
	width: 160px;
	_width: 210px;
	height: 40px;
	text-decoration: none;
}
#navi_left li a:hover{ text-decoration: underline;}

/* contents ********************************************/

/* --- LIST --- */

#about{ padding: 5px 0 30px;}
#about div{ margin: 0; clear: both;}
#about .hght{ margin: 0 0 5px; background: url(../img/line_150.gif) bottom left no-repeat;}
#about div div{
	padding: 0 0 0 20px;
	float: left;
	clear: none;
	background: url(../img/arrow_1.gif) no-repeat left;
	width: 80px;
}
#about p{ margin: 0 0 5px; float: right; width: 450px;}

/* --- index --- */

#index .article{ padding: 0 20px 15px 0;}

#contents_L{
	float: left;
	width: 440px;
}
#contents_R{
	float: right;
	width: 190px;
}
#contents_R img{ margin: 0 0 6px; vertical-align: bottom;}
#contents_R p{
	margin: 0 20px 8px 0;
	line-height: 140%;
	font-size: 90%;
}

#twitter_update_list{
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 140%;
	text-align: left;
}
#twitter_update_list li{
	margin: 0 0 0.3em;
	padding: 0 0 0.3em;
	border-bottom: #d0d0b0 solid 1px;
}
#twitter-link{
	display:block;
	text-align: right;
	font-size: 90%;
}

#tweet5{overflow:auto;width:420px;height:200px;}

/* --- denka --- */

.pink, .blue, .orange, .green, .brown, .pink2{ margin: 0 0 15px; padding: 13px;}
.pink h3, .blue h3, .orange h3, .green h3, .pink2 h3{ margin: 0;}
.pink{ border: solid 2px #f4d5d5;}
.pink2{ border: solid 2px #f4d5d5;height:320px;}
.blue{ border: solid 2px #d5e5f4;}
.orange{ border: solid 2px #ffdea4;}
.green{ border: solid 2px #c7edb1;}
.brown{ border: solid 2px #e8e8d3;}
.about h3,.brown h3{ font-size: 120%;}
.red{
	margin: 0 0 10px;
	padding: 4px;
	color: #d7000e;
	border: dotted 1px #ff515d;
	font-weight: bold;
}
.font-red{ color: #d7000e; }
.brown .red{ line-height: 200%; text-align: center; vertical-align: middle;}
.brown .yellow img{ margin: 0 3px;}
.red div{ 
	padding: 12px;
	background: #d7000e;
	color: #fff;
	text-align: center;
	font-size: 130%;
	font-weight: bold;
}
.brown p{ margin: 0; color: #282824; line-height: 140%; font-weight: normal;}
.yellow{
	margin: 0;
	padding: 12px;
	background: #fffca2;
	text-align: center;
}
.yellow div.arrow_down{
	padding: 33px 0 0;
	background: url(../denka/icon_arrow.gif) center 5px no-repeat;
	line-height: 200%;
	font-weight: bold;
}
.yellow span{ color: #d7000e; font-size: 200%; font-weight: bold;}
.f1_l{
	float: left;
	width: 399px;
	background: url(../denka/icon_plus.gif) no-repeat center center;
	line-height: 130%;
	font-size: 80%;
}
.f1_r{ float: right; width: 190px;}
.f1_l h4{ margin: 10px 0; padding: 2px; text-align: center; font-size: 120%;}
.f1_l img{ margin: 0 0 5px; vertical-align: bottom;}
.fa_l{ float: left; width: 190px;}
.fa_r{ float: right; width: 190px;}

.f2_l{ float: left; width: 370px;}
.f2_r{ float: right; width: 220px;}


.f12_l{ float: left;
width:400px;}
.f12_r{ float: right;
text-align:right;}
.brown .yellow .fb_l{
	padding: 0 30px 0 0;
	float: left;
	background: url(../ih/arrow.gif) no-repeat right;
	width: 200px;
	_width: 230px;
	text-align: right;
}
.brown .yellow .fb_r{
	padding: 0;
	float: right;
	width: 115px;
	background: none;
	line-height: 220%;
}

/* 20110106 ********************************************/

.f3_l{ float: left; width: 240px;}
.f3_r{ float: right; width: 360px;}

.f_right{float:right;padding:10px 0 0 10px;text-align:center;line-height:1em;}

.f4_l{ float: left; width: 170px;}
.f4_r{ float: right; width: 430px;}

.f5_l{ float: left; width: 130px;}
.f5_r{ float: right; width: 470px;}


.f3_r p,
.f4_r p,
.f5_r p{ padding:0 0 10px;}
.c6_l{ float: left; margin:0 20px 0px 0;}
.s6_l{ float: left; margin:0 20px 5px 0;}

.ul_indent { padding:0 0 0 125px; }

/* 20110107 ********************************************/

.right{text-align:right;}

.f6_l{float:left;width:194px;_width:230px;padding:5px 26px 20px 0;}
.f6_c{float:left;width:194px;_width:230px;padding:5px 26px 20px 0;}
.f6_r{float:left;width:194px;padding:5px 0 20px 0;}

.red_waku{
	margin: 0 0 10px;
	padding: 4px;
	color: #d7000e;
	border: dotted 1px #ff515d;
	font-weight: bold;
	height:40px;
	vertical-align:middle;
}

.ih_text01{height:80px;}


.imgwaku01{
	margin:0;
	padding:2px;
	background:#fff;
	border:solid 1px #ccc;
}

.f7_l{float:left;width:148px;_width:160px;padding:0 12px 20px 0;}
.f7_r{float:left;width:148px;padding:0 0 20px 0;}

.f8_l{float:left;width:210px;}
.f8_r{float:left;width:420px;}

#ih_text02{clear:both;padding:10px 0 0;color:#cc3333;}
#ih_text03{padding:20px 0;font-weight:bold;}


h3.s_font{
	margin: 0 0 10px;
	padding: 0 0 1px 15px;
	background: url(../img/h3.gif) repeat-y left center;
	line-height: 175%;
	font-size: 100%;
}

/* 20110113 ********************************************/

.f9_l{float:left;width:313px;clear:both;}
.f9_r{float:right;width:313px;}

h3.redfont{
	margin: 0 0 10px;
	padding: 0 0 1px 15px;
	background: url(../img/h3.gif) repeat-y left center;
	line-height: 175%;
	font-size: 130%;
	color:#c30006;
}

.red_2{
	margin: 0 0 10px;
	padding: 4px;
	color: #000;
	border: dotted 1px #ff515d;
	font-weight: bold;
}

.koumoku01{font-weight:bold;color:#ff6600;text-align:center;}
.koumoku02{font-weight:bold;color:#ff6600;padding:0 10px 0 0;}


/* 20110202 ********************************************/

.f10_l{float:left;width:280px;clear:both;padding:5px 0 10px;}
.f10_r{float:right;width:280px;padding:5px 0 10px;}

.f_left{float:left;padding:0 5px 0 0;}

.preview_outer{padding:0 0 40px;overflow:hidden;}


/* 20110208 ********************************************/

.zab01{
	padding:0px;
	width:140px;
	background:#f8cbca;
	color:#87233b;
	font-weight:bold;
}
.zab01_in{
	padding:4px;
}

.waku01{
	padding:3px;
	border:1px solid #cbcbcb;
}

.f11_l{float:left;padding:10px 2px 0 0}


/* 20110307 ********************************************/

.ihv_navi01{float:left;padding:0 4px 0px 0;}
.ihv_navi02{float:left;padding:0 0 0px 0;}

.ihv01_l{ float: left; width: 140px;padding:10px 0 0;}
.ihv01_r{ float: right; width: 460px;padding:10px 0 0;overflow: hidden;}
.ihv02_l{ float: left; width: 140px;padding:0px 0 0;}
.ihv02_r{ float: right; width: 460px;padding:0px 0 0;overflow: hidden;}


.red_wk{
	margin: 0 0 10px;
	padding:5px;
	border: dotted 1px #d6000c;
	text-align:left;
}

.ihv01_title{padding:10px 0 0;clear:both;}



/* 20110308 ********************************************/
.clear{clear: both;}
.ihe01_l{float:left;padding:0;width:400px;}
.ihe01_r{float:right;padding:0;width:230px;text-align:right;}

.b{font-weight:bold;}
.big{font-size: 110%;}


.ihe02_l{float:left;padding:0;width:276px;}
.ihe02_r{float:right;padding:0;width:288px;}

.yt_outer{margin:10px 0 0;}

.event_waku01{
	margin:10px 0 0;
	padding:10px;
	overflow: hidden;
	zoom:1;
	background:#f6efef;
	border:1px #cbcbcb solid;
}

.event_waku02{
	margin:10px 0 0;
	padding:10px;
	overflow: hidden;
	zoom:1;
	background:#fff7e9;
	border:1px #cbcbcb solid;
}



.event_waku_l{margin-top:3px;font-size:70%;float:left;padding:0;width:65px;line-height:1.5;}
.event_waku_r{font-size:90%;float:left;padding:0;width:185px;line-height:1.5;}

.ihe_photo{padding:10px 0;margin:0 auto;}
.ihe_p01{float:left;padding:0 0px 0px 0;text-align:center;font-size:90%;}
.ihe_p02{float:left;padding:0 0 0px 0;text-align:center;font-size:90%;}

.ihe_f_left{float:left;width:350px;padding:0 0 0px;}
.ihe_f_right{float:right;width:270px;text-align:right;padding:0 0 0px;}


#contents_event_p{
	margin:10px auto 0;
	width:564px;
}

h4.event_p{
	margin:10px 0 10px;
	padding:2px;
	background: #fff;
	font-size: 100%;
	border:1px #cbcbcb solid;
	width:560px;
	_width:564px;
	text-align:left;
}

.ihep01_l{float:left;padding:0 0 10px 0;width:282px;}
.ihep01_r{float:right;padding:0 0 10px 0;width:282px;}

.ihep02_l{float:left;padding:0 0 10px 0;width:135px;}
.ihep02_r{float:left;padding:0 0 10px 0;width:140px;line-height:1.5;text-align:left;}

.center{text-align:center;}

/* 20110507 staff ********************************************/

.staff_s_l{ float: left; width: 170px;}
.staff_s_r{ float: right; width: 420px;}

.staff_s_r p{padding:0 0 15px;}

.staff_name{text-align:center;padding:0 0 5px;}

.staff_licence{
	margin:0;
	padding:5px;
	width:142px;
	_width:152px;
	text-align:center;
	border:1px solid #333;
}

.staff_licence ul{
	margin:0;
	padding:0 0 0 20px;
}

.staff_licence ul li{
	margin:0;
	padding:0 0 0 0px;
	text-align:left;
}


/* 20110418 toppage ********************************************/

.topbana_lr{padding:0 0 10px;width:420px;overflow: hidden;zoom:1;}
.topbana_l{float:left;width:206px;height:90px;clear:both;}
.topbana_r{float:right;width:206px;height:90px;}



/* 20110822 solar4 ********************************************/

.sl4_title{
	clear:both;
	margin:0 0 3px;
	padding:5px 0 0 5px;
	font-weight:bold;
	height:25px;
	_height:30px;
	background:#e6f7fe url(../solar/bg_sl4_title.gif) repeat-x;
}

.sl4_l{float:left;padding:0 5px 15px 5px;width:201px;_width:211px;}
.sl4_r{float:right;padding:0;width:200px;}
.sl4_l2{float:left;padding:0 0 10px 5px;width:90px;}
.sl4_r2{float:left;padding:0 0 10px;width:520px;}

.sl4_waku01{
	margin:0 0 20px;
	overflow: hidden;
	zoom:1;
	border:1px solid #d5e5f4;
}

.sl4_waku01 p{padding:0 5px 15px;}

.sl4_step span{color:#FF7F50;}

.sl4_step{
	padding:0 0 5px 16px;
	font-size:120%;
	font-weight:bold;
	background: url(../img/h3.gif) no-repeat left;
	border-bottom:solid 1px #e4e1d9;
}

.sl4_text01{padding:2px 10px;background:#ffcc99;}


.sl4_chbox{
	margin:10px 0;
	width:404px;
	overflow: hidden;
	zoom:1;
	background: url(../solar/sl4_chbox_bg.gif) no-repeat;
}
.sl4_chbox_bottom{
	width:404px;
	overflow: hidden;
	zoom:1;
	background: url(../solar/sl4_chbox_bottom.gif) no-repeat bottom;
}

.sl4_chbox p{padding:35px 20px 5px;}

.sl4_step_pad01{
	margin:0 0 0 100px;
	overflow: hidden;
	zoom:1;
}

.sl4_step_text{padding:5px 0 15px 10px;}

.sl4_step_ya{padding:0 0 0 100px;}


/* contents others ********************************************/

/* footer ********************************************/


#footer_inner{
	padding: 10px 20px 0;
	line-height: 150%;
}
#footer_inner p{ margin: 0 0 0.5em; padding: 0 20px 0 0;}
#footer_inner .sml{ line-height: 130%;}

#footer #copy{
	padding: 10px 20px;
	border-top: #d0d0b0 solid 1px;
	color: #7f7f73;
}

/* form ********************************************/

form{
	margin: 0;
	padding: 0;
}

#form{ margin: 0 10px 15px;}
#form h3{ margin: 15px 0 5px; font-size: 110%;}
#form img{ margin: 5px 0 0;}
#form span, #form p.error{ color: #b80002; font-weight: bold;}
#form p{ margin: 0 0 10px; text-align: center;}
#form p.lg{ font-size: 110%;}
#form p.error{ font-size: 110%;}
#form p.lft{ text-align: left;}
#form p.rgt{ text-align: right;}

#form div.hght{ background: url(../img/line_150.gif) no-repeat bottom left;}
#form .hght{ clear: both;}
#form .l, #form .le{
	padding: 6px 0 6px 10px;
	float: left;
	clear: none;
	width: 150px;
	background: none;
}
#form .r, #form .re{
	margin: 6px 0;
	padding: 0;
	float: right;
	width: 450px;
	background: none;
}
#form div.error{ background: url(../img/line_error.gif) no-repeat bottom left;}
#form div.error .r div{ color: #b80002; background: none;}
#form div.end{ background: none;}

#form select{ margin: 0;}
#form textarea{ width: 400px; height: 120px;}
#form input.input{ width: 250px;}
#form input.trans{ width: 80px;}




ul.tabmark{
	padding:0px;
	margin:0px;
}

ul.tabmark li{
	padding:13px 0 0 0;
	margin:0px;
	list-style-type:none;
	float: left;
	width:158px;
	text-align:center;
	text-indent: 0; 
}

ul.tabmark a:link{text-decoration:none;color:#333333;}
ul.tabmark a:visited{text-decoration:none;color:#333333;}
ul.tabmark a:hover{text-decoration:underline;color:#333333;}

font.tabcurrent{
	font-size: 9pt;
	font-weight:bold;
}

a.event_title:link{text-decoration:underline;color:#8f5e35;}
a.event_title:visited{text-decoration:underline;color:#6b401b;}
a.event_title:hover{text-decoration:underline;color:#8f5e35;}


/* 20111115 ********************************************/


ul.left{
float:left;
padding:10px 0 0px 60px;
*padding:10px 0 10px 40px;
line-height:200%;
}

ul.left2{
float:left;
padding:10px 0 0px 60px;
*padding:10px 0 10px 40px;
line-height:200%;
}