/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

*{
	font-family:Meiryo, "メイリオ", "ＭＳ Ｐゴシック", Verdana, Arial, Helvetica, Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}

img {
    vertical-align: middle;
	border: 0;
}

button {
    outline: none;
}

body {
	text-align: center;
	position: relative;
	padding: 0px;
	margin: 0px;
	font-size:16px;
	color: #636262;
	min-width:1200px;
	min-height:760px;
	background-color:#ffffff;
	-webkit-text-size-adjust: 100%;
}

a:link    {COLOR: #4D9DF1; font-weight:bold; TEXT-DECORATION: underline;}
a:visited {COLOR: #4D9DF1; font-weight:bold; TEXT-DECORATION: underline;}
a:hover   {COLOR: #2E36CF; TEXT-DECORATION: none;}
a:active  {COLOR: #2E36CF; TEXT-DECORATION: none;}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

div {
	font-size:16px;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

#test{
	width:100%;
	position:absolute;
}

h1 {
    display: none;
}



/* ==========================================================================
   webフォント
   ========================================================================== */


/* ==========================================================================*/
#loding{
	/*display:none;*/
	position:absolute;
	text-align:center;
	width:100%;
	font-size:12px;
	z-index:99;
}

#loding .lod_05{
	font-size:12px;
}

#loding .bar{
	width:100%;
	background-color:#ADADAD;
	height:2px;
}


#menu_b{
	z-index:80;
	position: fixed;
	top:0px;
	background-image: url(../images/menu_b_base.png);
	background-repeat:repeat-x;
	height:147px;
	width:100%;
}

.iphone #menu_b ,.ipad #menu_b ,.ipod #menu_b ,.android #menu_b{
	position: absolute;
}
	
#menu_b .inner{
	width:1200px;
	margin:0px auto;
	text-align:left;
	}
		
#menu_b .button_0,#menu_b .button_1,#menu_b .button_2,#menu_b .button_3,#menu_b .button_4,#menu_b .button_5,#menu_b .button_6,#menu_b .button_7{
	margin:0px 0px 0px 0px;
	height:105px;
	overflow:hidden;
	text-align:left;
	white-space:nowrap;
	cursor:pointer;
	float:left;
	}
		
#menu_b .button_0 img,#menu_b .button_1 img,#menu_b .button_2 img,#menu_b .button_3 img,#menu_b .button_4 img,#menu_b .button_5 img,#menu_b .button_6 img,#menu_b .button_7 img{
	position:absolute;
	}
		
#menu_b .button_0 img:nth-child(2),#menu_b .button_1 img:nth-child(2),#menu_b .button_2 img:nth-child(2),#menu_b .button_3 img:nth-child(2),#menu_b .button_4 img:nth-child(2),#menu_b .button_5 img:nth-child(2),#menu_b .button_6 img:nth-child(2),#menu_b .button_7 img:nth-child(2){
	position:absolute;
	opacity:0;
	}
		
#menu_b .button_1 .new{
	margin:27px 0px 0px 80px;
	position:absolute;
	}
		
#menu_b .button_2 .new{
	margin:27px 0px 0px 100px;
	position:absolute;
	}
		
#menu_b .button_3 .new{
	margin:27px 0px 0px 145px;
	position:absolute;
	}
		
#menu_b .button_4 .new{
	margin:27px 0px 0px 120px;
	position:absolute;
	}
		
#menu_b .button_5 .new{
	margin:27px 0px 0px 120px;
	position:absolute;
	}
		
#menu_b .button_6 .new{
	margin:27px 0px 0px 60px;
	position:absolute;
	}
		
#menu_b .button_7 .new{
	margin:27px 0px 0px 87px;
	position:absolute;
	}
	
	

#menu_b .button_0{
	width:228px;
	}

#menu_b .button_1{
	width:111px;
	}

#menu_b .button_2{
	width:135px;
	}

#menu_b .button_3{
	width:177px;
	}

#menu_b .button_4{
	width:153px;
	}

#menu_b .button_5{
	width:159px;
	}

#menu_b .button_6{
	width:95px;
	}

#menu_b .button_7{
	width:132px;
	}
	
/*グレーアウト*/





#menu_s{
	z-index:81;
	position:fixed;
	top:-78px;
	background-image: url(../images/menu_s_base.png);
	background-repeat:repeat-x;
	height:78px;
	width:100%;
}

.iphone #menu_s ,.ipad #menu_s ,.ipod #menu_s ,.android #menu_s{
	position: inherit;
	display:none;
}
	
#menu_s .inner{
	width:1200px;
	margin:0px auto;
	text-align:left;
	}
		
#menu_s .button_0,#menu_s .button_1,#menu_s .button_2,#menu_s .button_3,#menu_s .button_4,#menu_s .button_5,#menu_s .button_6,#menu_s .button_7{
	margin:0px 0px 0px 0px;
	height:72px;
	overflow:hidden;
	text-align:left;
	white-space:nowrap;
	cursor:pointer;
	float:left;
	}
		
#menu_s .button_1 .new{
	margin:5px 0px 0px 80px;
	position:absolute;
	}
		
#menu_s .button_2 .new{
	margin:5px 0px 0px 100px;
	position:absolute;
	}
		
#menu_s .button_3 .new{
	margin:5px 0px 0px 145px;
	position:absolute;
	}
		
#menu_s .button_4 .new{
	margin:5px 0px 0px 120px;
	position:absolute;
	}
		
#menu_s .button_5 .new{
	margin:5px 0px 0px 120px;
	position:absolute;
	}
		
#menu_s .button_6 .new{
	margin:5px 0px 0px 60px;
	position:absolute;
	}
		
#menu_s .button_7 .new{
	margin:5px 0px 0px 87px;
	position:absolute;
	}
	
	
#menu_s .button_0{
	width:192px;
	}
	
#menu_s .button_1{
	width:116px;
	}
	
#menu_s .button_2{
	width:135px;
	}
	
#menu_s .button_3{
	width:177px;
	}
	
#menu_s .button_4{
	width:155px;
	}
	
#menu_s .button_5{
	width:158px;
	}
	
#menu_s .button_6{
	width:91px;
	}
	
#menu_s .button_7{
	width:127px;
	}
		
#menu_s .button_0 img,#menu_s .button_1 img,#menu_s .button_2 img,#menu_s .button_3 img,#menu_s .button_4 img,#menu_s .button_5 img,#menu_s .button_6 img,#menu_s .button_7 img{
	position:absolute;
	}
		
#menu_s .button_0 img:nth-child(2),#menu_s .button_1 img:nth-child(2),#menu_s .button_2 img:nth-child(2),#menu_s .button_3 img:nth-child(2),#menu_s .button_4 img:nth-child(2),#menu_s .button_5 img:nth-child(2),#menu_s .button_6 img:nth-child(2),#menu_s .button_7 img:nth-child(2){
	opacity:0;
	}
	
/*グレーアウト*/





	
	
	
#footer{
	background-image:url(../images/footer.gif);
	height:172px;
    }
	
#footer .inner{
	width:1200px;
	margin:0px auto;
	text-align:left;
	}

	
#footer .menu{
	margin:0px 0px 0px 20px;
	padding:77px 0px 0px 0px;
	width:800px;
	text-align:left;
	font-size:14px;
	color:#FFFFFF;
	float:left;
	}

	
#footer .menu a:link,#footer .menu a:visited{
	color:#FFFFFF;
	}
	
#footer .brand_logo{
	margin:0px 0px 0px 135px;
	padding:40px 0px 0px 0px;
	width:240px;
	text-align: center;
	font-size:12px;
	color:#FFFFFF;
	float:left;
	}
	
#footer .brand_logo img{
	margin:0px 0px 10px 0px;
	}