@charset "utf-8";
/* CSS Document */
html {
	-webkit-text-size-adjust: 100%;
	font-size:100%;
}
body{
	margin:0;
	padding:0;
	background-color:#000;
	background-image:url(../images/body_bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	line-height:1.5;
}

/*---------------------------------LINK*/
a{
	color:#ffffff;
}
a img{
	border:none;
}
/*---------------------------------FONT*/
.emphasis{
	font-size:18px;
	line-height:2;
}
.small{
	font-size:11px;
	line-height:1.0;
}
.link_color a{
	font-size:16px;
	color:#19262F;
}
/*---------------------------------HEADER*/
#header{
	width:1000px;
	height:auto;
	margin:0 auto 20px auto;
}
#header h1{
	width:670px;
	height:25px;
	float:left;
	font-size:11px;
	color:#ffffff;
	margin:5px 0 5px 10px;
	padding:0;
	font-weight:normal;
}
#header_list{
	width:320px;
	height:25px;
	float:left;
	margin:5px 0 5px 0;
}

#header #header_contact{
	width:320px;
	height:60px;
	float:right;
}
#sekouarea{
    width: auto;
    height: 22px;
    float: right;
    margin: 25px 25px 0 0;
}
#sns{
    width: auto;
    height: auto;
    float: right;
    margin: 10px 15px 0 0;
}
#header #header_logo{
	margin:0;
	width:400px;
	height:70px;
}
#header #header_massage{
	clear:both;
	width:524px;
	height:30px;
	margin:0;
}
#header #header_menu{
	width:1000px;
	height:43px;
	margin:10px 0;
	padding:0;
}
#header #header_menu li{
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}

/*---------------------------------CONTENT*/
#content{
	width:1000px;
	height:auto;
	margin:10px auto 0 auto;
}

/*---------------------------------SIDEMENU*/
.side{
	float:left;
	width:220px;
	height:auto;
	margin:0 10px 0 0;
	padding:0;
}
.side .side_bana{
	margin:0 0 10px 0;
}
.side .side_box{
	width:220px;
	height:auto;
	background-color:#ffffff;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
}
.side .side_box iframe{
	margin:0 auto;
	line-height:1;
}
.side .side_box p{
	width:200px;
	height:auto;
	padding:0 10px;
	line-height:1.5;
}
.side .side_box p .mini{
	font-size:12px;
}
.side .side_box p .side_icon_tel{
	margin:0 5px 0 0;
}
.side ul{
	padding:0;
	width:220px;
	height:auto;
	margin:0 10px 50px 0;
	color:#ffffff;
	list-style-position:inside;
}
.side ul a{
	color:#ffffff;
}
#side_newsbox{
	width:200px;
	height:226px;
	padding:24px 10px 10px 10px;
	margin:0 0 5px 0;
	background-color:#ffffff;
	border: solid 1px #511600;
	background-image: url(../images/side_news_title.jpg);
	background-repeat:no-repeat;
}
#side_newsbox img{
	float:right;
}
#side_newsbox ul{
	float:left;
	width:200px;
	height:180px;
	margin:20px 0 0 0;
	padding:0;
	list-style:none;
	overflow:auto;
	font-size:12px;
	color:#511600;
}
#side_newsbox ul li{
	margin:0 0 5px 0;
	padding:0;
	border-bottom:dotted 1px #B20000;
}
#side_newsbox ul li .date{
	color: #000000;
	font-weight:bold;
	margin:0 0 5px 0;
}
#side_newsbox ul li p{
	clear:both;
}

/*---------------------------------MAIN*/
#main{
	float:left;
	width:770px;
	height:auto;
}
#main .content_box_left{
	width:380px;
	height:auto;
	float:left;
	margin:0 10px 5px 0;
}
#main .content_box_right{
	width:380px;
	height:auto;
	float:left;
	margin:0 0 5px 0;
}
#main .kodawari_box{
	float:left;
	width:770px;
	height:auto;
	background-image:url(../images/index_kodawaribg.jpg);
	padding:0;
	margin:0 0 10px 0;
}
#main .kodawari_box ul{
	margin:0 10px;
	padding:0;
}
#main .kodawari_box ul li{
	float:left;
	width:345px;
	height:180px;
	padding:10px 10px 0 10px;
	margin:0 4px 10px 4px;
	border:solid 1px #000;
	list-style:none;
	position:relative;
    text-shadow: 1px 1px 1px #fff,-1px 1px 1px #fff,1px -1px 1px #fff,-1px -1px 1px #fff;
}
#main .kodawari_box ul li p{
	margin:10px 0 5px 0;
	line-height:1.5;
}
#main .kodawari_box ul li .kodawari_more{
	width:72px;
	height:14px;
	text-align:right;
	margin:0 10px 10px 0;
	bottom:0;
	right:0;
	position:absolute;
}
#kodawari01{
	background-image: url(../images/kodawari/01_bg.png);
	background-repeat:no-repeat;
	background-size:100%;
}
#kodawari02{
	background-image: url(../images/kodawari/02_bg.png);
	background-repeat:no-repeat;
	background-size:100%;
}
#kodawari03{
	background-image: url(../images/kodawari/03_bg.png);
	background-repeat:no-repeat;
	background-size:100%;
}
#kodawari04{
	background-image: url(../images/kodawari/04_bg.png);
	background-repeat:no-repeat;
	background-size:100%;
}
#main #blogbox{
	float:left;
	clear:both;
	width:300px;
	height:420px;
	margin:0 0 10px 0;
	padding:0 0 20px 0;
	background-color:#ffffff;
}
#main #blogbox iframe{
	width:100%;
	height:290px;
	margin:0;
}
#blog_link{
	float:right;
	margin:5px 5px 0 0;
}

#facebook{
	width:460px;
	height:440px;
	background-color:#ffffff;
	float:right;
}
.fb-page{
	width:460px;
	height:440px;
}	
#index_comment{
	clear:both;
	width:960px;
	height:auto;
	margin:0 0 20px 0;
	padding:20px;
	background-image:url(../images/washi_bg.jpg);
	color:#ffffff;
}
#index_comment p{
	margin:80px 20px 20px 50px;
}
#contact_bana{
	float:left;
	width:100%;
	height:auto;
	margin:50px 0 0 10px;
}
#contact_bana a:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
#contact_bana_index{
	float:left;
	width:100%;
	height:auto;
	margin:0 0 10px 0;
}
#contact_bana_index a:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

/*---------------------------------FOOTER*/
#sp_link{
	display:none;
}
#footer{
	clear:both;
	width:1000px;
	height:auto;
	margin:0 auto;
	padding:20px 0 0 0;
	color:#ffffff;
}
#footer #footer_menu{
	float:left;
	width:550px;
	height:auto;
	margin:0 0 20px 0;
}
#footer #footer_menu ul{
	float:left;
	width:183px;
	height:auto;
	margin:0;
	padding:0;
	list-style:none;
}
#footer #footer_menu ul a{
	color:#ffffff;
	text-decoration:none;
}
#footer #footer_menu ul li{
	height:18px;
	margin:0 0 5px 0;
	padding:0 0 0 20px;
	background-image: url(../images/footer_menulist.gif);
	background-position: bottom left;
	background-repeat:no-repeat;
}
#footer #footer_logo{
	width:225px;
	height:auto;
	float:right;
}
#footer #footer_logo h2{
	font-size:10px;
	font-weight:normal;
	color:#ffffff;
	margin:0 0 10px 0;
	padding:0;
}
#footer #footer_logo h3{
	font-size:20px;
	color:#ffffff;
	margin:0 0 5px 0;
	padding:0;
	text-align:left;
}
#footer #footer_logo h3 img{
	margin:2px 3px 0 0;
	vertical-align: text-top;
}
#footer #footer_logo p{
	clear:both;
	float:left;
	margin:0 0 2px 0;
}
#footer #footer_logo span.small{
	clear:both;
	float:left;
	margin:0 0 5px 0;
}
#footer #copyright{
	clear:both;
	width:100%;
	height:auto;
	margin:20px auto 5px auto;
	text-align:center;
}
.imgr10{
	margin:0 0 10px 0;
}
.imgr10 img{
	margin:0 10px 0 0;
}

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
/*---------------------------------BLOG*/
#blog_content_main{
	float:left;
	width:740px;
	padding:0 0 20px 0;
	color:#ffffff;
}
	
/*---------------------------------CLEARFIX*/
.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


@media screen and (max-width: 1024px) {
#sp_link{
	clear:both;
    right:0;
	display:block;
	position:fixed;
	width:auto;
	height:auto;
	background:#AE0002;
	font-size:x-large;
	color:#fff;
	bottom:0;
	padding:15px 15px 20px 15px;
	text-align:center;
	}
#sp_link a{
    text-decoration:none;
}
#footer #footer_logo h3 img{
	margin:0 3px 0 0;
	vertical-align: text-top;
}

}