@charset "utf-8";

*{-moz-box-sizing:border-box;box-sizing:border-box;}
body,html{
-moz-osx-font-smoothing:grayscale;
-webkit-font-smoothing:antialiased;
background:#ccc;
font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif;
height:100%;
line-height:1;
margin:0;
padding:0;
text-rendering:optimizeLegibility;
width:100%;
}

/* Modern browsers like Firefox, Safari, Opera */
.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* IE 7 and MacIE 5 */
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac */
* html.clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */


#wrapper{width:1024px;height:auto;margin:8px auto 0 auto;padding:12px 0 0 0;background:url(../img/shadow_top.png) no-repeat left top;clear:both;}
#wrappersecond{width:1024px;height:auto;margin:0;padding:0;background:url(../img/shadow_middle.png) repeat-y left top;clear:both;}
#wrapperbottom{width:1024px;height:12px;margin:0 auto 20px auto;padding:0 0 20px 0;background:url(../img/shadow_bottom.png) no-repeat left top;clear:both;}

#inner{width:1000px;height:auto;margin:0 12px;background-color:#fff;color:#333;}

.header{margin:20px 20px 0 20px;float:left;}
.header a{display:block;}
h1, h2{margin:0;padding:0;}
.title{background-image:url(../img/logo.png);width:200px;height:200px;font-size:10px;text-align:center;color:#000;}
.about{width:200px;height:auto;margin:8px 0;padding-bottom:3px;border-bottom:2px dashed #ccc;}

.navi-aboutus{
width:180px;
height:36px;
margin-left:10px;
margin-top:10px;
background:url(../img/about_btn.png) 0 0 no-repeat;
}
.navi-aboutus:hover{
background:url(../img/about_btn.png) 0 -36px no-repeat;
}
.navi-faq{
width:180px;
height:30px;
margin:5px 0 0 10px;
background:url(../img/faq_btn.png) 0 0 no-repeat;
}
.navi-faq:hover{
background:url(../img/faq_btn.png) 0 -30px no-repeat;
}
.navi-contact{
width:180px;
height:30px;
margin:5px 0 0 10px;
background:url(../img/contact_btn.png) 0 0 no-repeat;
}
.navi-contact:hover{
background:url(../img/contact_btn.png) 0 -30px no-repeat;
}

.newmark{position:relative;top:-2px;right:2px;color:#fff;background-color:#e4007f;font-size:9px;line-height:1em;font-weight:bold;letter-spacing:1px;text-align:center;border:1px solid #ff0000;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; padding:3px 3px 1px 4px!important;}

section{position:relative;}
.topimage{width:740px;height:auto;margin:20px 0 0 0;float:left;}
.topimage .content{margin:auto;padding:0;}
.topimage h3{margin:0;padding:0;position:relative;text-align:center;}
.slider{border:1px solid #ccc;}
.slider img{border:0;}

a{color:#333333;text-decoration:none;}
a:hover{color:#e4007f;}

.secondarea{width:960px;height:auto;margin:0 auto;padding:30px 0 30px 0;clear:both;}
.contentfirst{width:310px;float:left;}
.contentfacebook{width:310px;margin:0 0 0 15px;padding:0;float:left;}
.contentsecond{width:310px;float:right;}
.secondarea h3 img{
	border-radius: 7px;        /* CSS3草案 */  
	-webkit-border-radius: 7px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 7px;   /* Firefox用 */  
}

.content-order{
	margin:0;
	padding:0;
	position:relative;
	text-align:center;
	width:310px;
	height:150px;
	float:left;
	border:1px dashed #999;
	border-radius: 7px;        /* CSS3草案 */  
	-webkit-border-radius: 7px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 7px;   /* Firefox用 */  
}
.content-order img{
	border:0;
}
.content-order:hover{
	border:1px dashed #e4007f;
	border-radius: 7px;        /* CSS3草案 */  
	-webkit-border-radius: 7px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 7px;   /* Firefox用 */  
}
.content-workshop{
	margin:0;
	padding:0;
	position:relative;
	text-align:center;
	width:310px;
	height:156px;
	float:left;
	border:1px dashed #999;
	border-radius: 7px;        /* CSS3草案 */  
	-webkit-border-radius: 7px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 7px;   /* Firefox用 */  
}
.content-workshop img{
	border:0;
}
.content-workshop:hover{
	border:1px dashed #e4007f;
	border-radius: 7px;        /* CSS3草案 */  
	-webkit-border-radius: 7px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 7px;   /* Firefox用 */  
}
.content-product{
	margin:18px 0 0 0;
	padding:0;
	position:relative;
	text-align:center;
	width:310px;
	height:156px;
	float:left;
	border:1px dashed #999;
	border-radius: 7px;        /* CSS3草案 */  
	-webkit-border-radius: 7px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 7px;   /* Firefox用 */  
}
.content-product img{
	border:0;
}
.content-product:hover{
	border:1px dashed #e4007f;
	border-radius: 7px;        /* CSS3草案 */  
	-webkit-border-radius: 7px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 7px;   /* Firefox用 */  
}
.content-supporter{
	margin:15px 0 0 0;
	padding:0;
	position:relative;
	text-align:center;
	width:306px;
	height:70px;
	float:left;
}

.content-info{
	margin:0;
	padding:10px 7px 10px 7px;
	position:relative;
	text-align:center;
	width:306px;
	height:300px;
	border:1px dashed #999;
	-webkit-border-radius: 7px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 7px;   /* Firefox用 */  
	border-radius: 7px;        /* CSS3草案 */  
	behavior: url(border-radius.htc); /* IE */
	background:url(../img/infobackground.png) center top no-repeat;
}
.content-info .linkbtn{
	position:absolute;
	top:13px;
	right:15px;
	width:70px;
	height:22px;
	background:url(../img/linkbtn.png) 0 0 no-repeat;
	}
.content-info .linkbtn:hover{
	background:url(../img/linkbtn.png) 0 -22px no-repeat;
	}
.content-info .infosource{
	width:290px;
	height:auto;
	margin:40px auto 0 auto;
	overflow:scroll;
	font-size:12px;
	line-height:1.4em;
	text-align:left;
	}
.infosource iframe{
	width:290px;
	height:230px;
	border:none;
	padding:0;
	margin:0;
	}


.snsarea{width:197px;height:auto;margin:10px auto;text-align:center;clear:both;}
.twitter{width:87px;height:21px;margin-right:20px;float:left;}
.facebook{width:90px;height:21px;float:left;}
.twitter img{border:0;}
.facebook img{border:0;}
.like{margin-top:10px;}

.footer{font-family:sans-serif;text-align:center;font-size:12px;font-weight:normal;padding:5px 0 15px 0;}