@charset "utf-8";

html{ color:#727171; text-align:center;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border:0; font-weight:normal; margin:0; outline:0; padding:0; vertical-align:baseline;}
body{ font:13px; font-size:93%; font-family:"メイリオ","Meiryo","Lucida Grande",'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',"MS PGothic",sans-serif; line-height:1.5; text-align:center; word-break:break-all; -webkit-text-size-adjust:100%;}
:focus{ outline:0;}
table{ border-collapse:separate; border-spacing:0;}
caption, th, td { font-weight:normal; text-align:left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a{ color:#727171;}
a img{ border:0;}
.clear{ clear:both;}
.center{ text-align:center;}
.slidemenu{ display:none;}


/*************
/* LAYOUT
*************/
#wrappertop{ height:100%; background:#00B2ED url(../images/top/bg.gif) center top no-repeat;}
#wrapper{ background:#EDCCD3 url(../images/2ndbg.png) center top no-repeat;}
#outer{ width:1040px; margin:0 auto; padding:15px 50px; text-align:left;}
#header{ width:100%; position:relative; z-index:50;}
#header:after{ content:""; display:block; clear:both; height:0px; overflow:hidden;}
#contents{ width:100%; margin:20px 0; clear:both;}
#contents:after{ content:""; display:block; clear:both; height:0px; overflow:hidden;}


/*************
/* HEADER
*************/
h1{ float:left;}
h2.boatracelogo{ float:right; margin-top:8px;}


/*************
/* NAV
*************/
#nav{ position:relative; top:-105px;}
#nav:after{ content:""; display:block; clear:both; height:0px; overflow:hidden;}
#nav2nd{ margin-left:100px; width:100%;}


/*************
/* TOP
*************/
#mainimgtop{ position:relative; top:-105px; z-index:0; clear:both;}


/*************
/* 6MUSUME
*************/
ul.character{ margin:50px 0 200px 0; padding:0; list-style:none;}
ul.character li{ width:16%; height:305px; display:inline-block; position:relative; bottom:0;}


/*************
/* 4KOMA
*************/
#cnt_4komal{ width:414px; margin-right:150px; float:left;}
#cnt_4komar{ width:476px; float:left;}
#cnt_4komar p{ margin-bottom:30px; text-align:center;}


/*************
/* NEWSBOX
*************/
.newsbox{ width:100%; margin-bottom:55px; text-align:center;}


/*************
/* CHIRASHI
*************/
ul.chirashilist{ margin:100px 0 200px 0; padding:0; list-style:none;}
ul.chirashilist:after{ content:""; display:block; clear:both; height:0px; overflow:hidden;}
ul.chirashilist li{ float:left; margin:0 28px 40px 0;}



@media only screen and (max-width:960px){
	#outer{ width:96%; margin:0 2%; padding:2% 0;}
	h1{ width:58%; margin-right:2%;}
	h2{ width:40%;}
	h1 img{ width:100%; max-width:276px;}
	h2 img{ width:100%; max-width:365px;}
	#mainimgtop{ position:static; top:0px; margin:0 0 5px 0;}
	#mainimgtop img{ width:100%;}
	#nav{ position:static; top:0px;}
	#nav img{ width:100%; height:auto;}
	#nav2nd{ display:none;}
	/* slide menu */
	.menu-button-right{ top:10px; right:10px;}
	.slidemenu { background:#333; display:block; text-align:left;}
	.slidemenu li{ list-style:none; border-top:1px solid #4D4D4D; border-bottom:1px solid #000; line-height:1.8;}
	.slidemenu li a{ padding:10px 0 10px 20px; display:block; text-decoration:none; color: #fff;}
	.slidemenu li:first-child{ border-top:none;}
	.slidemenu li:last-child { border-bottom:none;}
	.slidemenu .slidemenu-header{ height:49px; border-bottom:1px solid #000; box-shadow:0 1px 3px rgba(34,25,25,.4); -moz-box-shadow:0 1px 3px rgba(34,25,25,.4); -webkit-box-shadow:0 1px 3px rgba(34,25,25,.4); background:#333;}
	.slidemenu .slidemenu-header div{ padding:17px 0px 0px 19px; text-decoration:none; color:#fff;}
	#main{ z-index:1; background:#FFF;}
	.slidemenu { top:0; width:240px; position:fixed; visibility:hidden; z-index:-1;}
	.slidemenu .slidemenu-header{ position:relative;}
	.slidemenu .slidemenu-body{ height:100%; overflow:hidden; position:relative;}
	.slidemenu .slidemenu-body .slidemenu-content{ position: relative;}
	.slidemenu-right { right:0;}
	.button { width:45px; height:45px; position:absolute; display:block; background: url('../images/menu_button_back.png') center no-repeat;}
	/* //slide menu */

	/* 6MUSUME */
	ul.character li img{ width:100%;}

	/* 4KOMA */
	#cnt_4komal{ width:100%; margin:0 0 40px 0; float:none;}
	#cnt_4komar{ width:100%; float:none;}

	/* NEWSBOX */
	.newsbox img{ width:100%;}

	/* CHIRASHI */
	ul.chirashilist{ margin:50px 0 140px 0; padding:0; list-style:none;}
	ul.chirashilist li{ float:left; margin:0 11px 40px 11px;}
}

@media only screen and (max-width:640px){
	ul.character{ margin:30px 0 0 0;}
	ul.character li{ width:30%; margin:1%;}
}

@media only screen and (max-width:480px){
}