@charset "utf-8";

/* --HTML-- */
html {
	overflow-y:scroll;
}

/* --BODY-- */
body {
	font:16px/1.5 'Hiragino Maru Gothic Pro','メイリオ','Lucida Grande',Helvetica,osaka,Arial,sans-serif,Verdana,"Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック";
	margin:0;
	overflow:visible;
	padding:0;
	background:url(../img/bg.png);
	line-height:1.4;
	color:#666666;
}

	/* for IE7 */
	*+html body {
	font-family:'メイリオ', 'ＭＳ Ｐゴシック';
	font-size:75%;
	}
	
	/* for IE6 */
	* html body {
	font-family:'ＭＳ Ｐゴシック';
	font-size:75%;
	}
	
body:before { /* top shadow */
    content: "";
    position: fixed;
    top: -10px;
    left: -10px;
    width: 110%;
    height: 10px;
 
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
    -ms-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
    -o-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
    box-shadow: 0px 0px 10px rgba(0,0,0,.8);
    z-index: 100;
}		
	
	

/* --OTHER TAGS-- */
a {
overflow:hidden;
color:#088B00;
	outline:none;
}
a:hover{
	color:#088B00
}
	

a img, img { 
border:0;
}

abbr, acronym {
border:0;
}

address, caption, cite, code, dfn, em, th,  var {
font-style:normal;
font-weight:normal;
}

blockquote, dd, div, dl, dt, h1, h2, h3, h4, h5, h6, li, ol, p, pre, span, td, th, ul {
margin:0;
padding:0;
}

p {
word-break:break-all;
}

caption, th {
text-align:left;
}

code, kbd, pre, samp, tt {
font-family:monospace;
line-height:100%;
}

	/* for IE7 */
	*+html code, kbd, pre, samp, tt {
	font-size:108%; 
	}


/*メニュー記述ここから*/

#menu {
	background:url(../img/menu_bg.png) repeat-x;
	height:75px;
	position:absolute;
	top:717px;
	width:100%;
}

#menuInner{
	margin:0 auto;
	width:950px;
}

ul#menuList{
	padding-top:9px;
	margin-left:9px;
}	

ul#menuList li{float:left;}
ul#menuList li a{text-indent:-9999px;}

.menu01 a{display:block;width:231px;height:55px;background:url(../img/menu.png) no-repeat 0 top;} 
.menu02 a{display:block;width:235px;height:55px;background:url(../img/menu.png) no-repeat -231px top;}
.menu03 a{display:block;width:235px;height:55px;background:url(../img/menu.png) no-repeat -466px top;}
.menu04 a{display:block;width:234px;height:55px;background:url(../img/menu.png) no-repeat -701px top;}
.menu01 a:hover{background-position:0 bottom;} 
.menu02 a:hover{background-position:-231px bottom;}
.menu03 a:hover{background-position:-466px bottom;}
.menu04 a:hover{background-position:-701px bottom;}
/*メニュー記述ここまで*/


/*入力モード*/
.inactive{
ime-mode: inactive;
}

.active{
ime-mode: active;
}

.disabled{
ime-mode: disabled;
}

th{
	white-space: nowrap; 
	}
	/* for IE6 */
	* html .clear {
	display:inline-block;
	}
	/* for IE7 */
	*+html .clear {
	display:inline-block;
	}
	
h1{
	padding-top:30px;
	text-align:left;
	width:950px;
	height:567px;
}
	
h2{
	margin-bottom:20px;
	background:url(../img/h2_bg.png) no-repeat;
	color:#FFF;
	font-size:30px;
	font-weight:bold;
	padding:6px 10px 6px 80px;
	height:43px;
}

h3{
	font-size:20px;
	font-weight:bold;
	color:#088B00;
	margin-bottom:5px;
	background:url(../img/h3_icon.png) no-repeat 0 6px;
	padding-left:20px;
}

h3 a{
	font-size:20px;
	font-weight:bold;
	color:#088B00;
	text-decoration:underline;
}

h3 a:hover{
}


#wrapper{
	width:950px;
	margin:0 auto;
	text-align:left;
}

#header{
	background:url(../img/header_bg.png) repeat-x;
}

#headerInner{
	width:950px;
	margin:0 auto;
	text-align:left;
	position:relative;
}

#footer{
	height:285px;
	background:url(../img/footer_bg.png) repeat-x;	
	color:#94D789;
	padding-top:20px;
	margin-top:95px;
}

#footerInner{
	width:950px;
	margin:0 auto;
	position:relative;
	font-size:12px;
}

	/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.border01{
	border-bottom:1px dotted #ccc;
	padding-bottom:15px;
	margin-bottom:15px;
}

.border02{
	border-bottom:1px solid #088B00;
	padding-bottom:15px;
	margin-bottom:15px;
}


	/* ボタンのhover */
a.toTop{
	display:block;
	width:100px;
	height:35px;
	background:url(../img/totop.png) no-repeat 0 top;
	text-indent:-9999px;
	position:absolute;
	right:0px;
	top:-64px;
} 
a.toTop:hover{
	background-position:0 bottom;
}


a.buy{
	display:block;
	width:665px;
	height:90px;
	background:url(../img/buy.png) no-repeat 0 top;
	text-indent:-9999px;
	margin:0px auto 100px;
} 
a.buy:hover{
	background-position:0 bottom;
}


a.buy2{
	display:block;
	width:665px;
	height:90px;
	background:url(../img/buy.png) no-repeat 0 top;
	text-indent:-9999px;
	margin:70px auto 0px;
} 
a.buy2:hover{
	background-position:0 bottom;
}


a.afterParty{
	display:block;
	width:148px;
	height:148px;
	background:url(../img/afterparty_b.png) no-repeat 0 top;
	text-indent:-9999px;
	position:absolute;
	top:20px;
	right:-150px;
} 
a.afterParty:hover{
	background-position:0 bottom;
}


	/* ボタンのhoverここまで */


.fixed{
	position:fixed!important;
	top:0!important;
	left:0!important;
	width:100%!important;
	margin-left:0!important;
}

#link01,
#link02,
#link03,
#link04,
#link05,
#linkAfterParty{
	padding-top:70px;
}

.contentBox01{
	background:url(../img/content01_bg.png) no-repeat 20px 88px;
	background-color:#FFF;
	width:900px;
	border:5px solid #088B00;
	border-radius:10px;
	padding:20px;
}
.contentBox01 p{
line-height: 1.4;
padding-top: 92px;
	padding-bottom:160px;
}

.contentBox02{
	background:#FFF;
	width:900px;
	border:5px solid #088B00;
	border-radius:10px;
	padding:20px;
}

.groupBox{
	width:440px;
	margin-left:20px;
	float:left;
}

.groupBox p.lead{
	float:right;
	width:250px;
	font-size:13px;
}

.groupBox p.item{
	font-size:12px;
	font-weight:bold;
	padding:5px 5px 5px 42px;
	border:1px dotted #BBB;
	margin-top:10px;
	background:url(../img/item_icon.png) no-repeat 6px 5px;
	background-color:#F4F4F4;
	border-radius:3px;
	margin-bottom:20px;
}

.groupBox img{
	float:left;
}




.footerGroupBoxMain{
	float:left;
	width:406px;
	margin-left:-10px;
	border-right:1px dotted #94D789;
	padding-right:15px;
}	

.footerGroupBoxMain img{
	margin:10px 9px;
}


.footerGroupBox{
	float:right;
	width:533px;
	margin-left:10px;
	margin-right:-10px;
}

.footerGroupBox img{
	margin:10px 9px;
}

.map{
	border:1px solid #CCC;
}

.m0{
	margin:0 10px!important;
}


.snsButton {
	padding-top:20px;
	float:right;
	margin-bottom:-15px;
}

.snsButton li{
	margin-left:20px;
}

.snsButton li.sns01{
	float: left;
	width:100px
}

.snsButton li.sns02{
	float: left;
	width:104px
}

.snsButton li.sns03{
	float: left;
	width:54px
}

.snsButton iframe {
	margin: 0 !important;
}



dl.contact{
    margin:2px 0 0 0;
    width:900px;
    float:right;
    border-bottom:#B7B7B7 1px solid;
	margin-bottom:20px;
}

dl.contact dt{
    border-top:#B7B7B7 1px solid;
    display:inline;
    float:left;
    text-indent:1px;
    padding-top:10px;
    width:215px;
    clear:both;
    font-size: 14px;
    font-weight: normal;
}

dl.contact dd{
    border-top:#B7B7B7 1px solid;
    padding-top:10px;
    margin-bottom:10px;
    width:685px;
    float:left;
}

dl.contact dd input,
dl.contact dd textarea{
	width:677px;
	padding:3px;
	border:1px solid #CCC;
}
dl.contact dd textarea{
	height: 40px;
}



*+html dl.contact > dd {
    float:none;
}

.andMore{
	font-size:23px;
	font-weight:bold;
	color:#FFF;
	padding:5px;
	background:#088B00;
	border-radius:3px;
	text-align:center;
}




@media screen and (max-width: 641px),(device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) {
#link01 .contentBox01 p{
	width: 54%;
	line-height: 1.2;
	font-size: 9px;
}

.groupBox{
	min-height: 330px;
	}
}



dl.news{
    margin:2px 0 0 0;
    width:900px;
    float:right;
    border-bottom:#B7B7B7 1px dotted;
}

dl.news dt{
    border-top:#B7B7B7 1px dotted;
    display:inline;
    float:left;
    text-indent:1px;
    padding-top:10px;
    width:100px;
    clear:both;
    font-size: 14px;
	color:#088B00;
    font-weight: normal;
}

dl.news dd{
    border-top:#B7B7B7 1px dotted;
    padding-top:10px;
    margin-bottom:10px;
    width:800px;
    float:left;
}

p.afterText{
	line-height: 1.4;
	margin-top:15px;
}