@charset "UTF-8";

/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ display: block;}

body, div, p,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre,
form, input, textarea,
table, th, td{  
margin:0px; 
padding:0px; 
}

ul, ol{
list-style-type: none;
}

img{
border:0px;
vertical-align:bottom;
}

table{
border-collapse:collapse;
border-spacing:0px;
width: 100%;
}

th, td {
padding: 5px 10px;
border: 1px solid #999999;
vertical-align: top;
}

th {
background-color: #eee;
}


/* common
------------------------------------*/

a:link { color: #003399; }
a:visited { color: #003399; }
a:hover { color: #FF3B37; }
a:active { color: #FF3B37; }

body{
font-size:80%;
text-align:center;
line-height:1;
color: #221E1F;
font-family: "ヒラギノ角ゴ Pro W3","メイリオ",sans-serif,"ＭＳ Ｐゴシック", Osaka ;
-webkit-text-size-adjust: 100%;
}


/*header {
	background: #FFF;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%
}
header div {
	width: 1360px;
	position: relative;
	left: 50%;
	margin: 0 0 0 -680px;
}*/
header {
	width: 100%;
	background: #FFF;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 9999;
}
/*
#main {
	position: relative;
	left: 50%;
	width: 1400px;
	margin: -10px 0 0 -700px;
	overflow: hidden;
}*/

#main {
	margin: 0 0 -100px;
}

#main ul li {
	background-size: cover;
	background-repeat: no-repeat;
}

#main ul li.main01 { background-image: url(../img/main01.jpg)}
#main ul li.main02 { background-image: url(../img/main02.jpg)}
#main ul li.main03 { background-image: url(../img/main03.jpg)}
#main ul li.main04 { background-image: url(../img/main04.jpg)}
#main ul li.main05 { background-image: url(../img/main05.jpg)}
#main ul li.main06 { background-image: url(../img/main06.jpg)}

#main .maintxt {
	position: absolute;
	top: 0;
	right: 200px;
	z-index: 9999;
}

#contents { margin: 100px 0 0; }
#contents a:link { opacity: 0.7; }
#contents a:hover,
#contents a:focus { opacity: 1; }

#contents,footer { background: #111;}

.contentLayout { position: relative; }

.contentLayout header {
	background: #FFF;
	position: fixed;
	top: 0;
	bottom: auto;
	border-bottom: 1px solid #AA0000;
}

.contentLayout #main{
	background-image: url(../img/strength/main_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto 600px;
	height: 230px;
	width: 100%;;
	position: relative;
	background-attachment: fixed;
	padding: 100px 0 ;
	margin: 0;
}

.contentLayout #main div {
	position: absolute;
	top: 100px;
	left: 50%;
	width: 200px;
	margin: 0 0 0 -500px;
	height: 330px;
	background: rgba(0,0,0,0.6);
}

.contentLayout #main div img{
	position: relative;
	top: 90px;
}

.contentLayout #main.content01 {
	height: 480px;
	padding: 0;
	background-image: url(../img/strength/content01_bg.jpg);
	background-size: auto 900px;
}

.contentLayout #main.content01 img {
	position: relative;
	left: -250px;
	top: 390px;
}

.contentLayout #main.content02 {
	background-image: url(../img/strength/content02_bg.jpg);
	height: 480px;
}
.contentLayout #main.content02 img { left: 330px;}
.contentLayout .txt{
	padding: 30px 0 0;
	background-color: #FFF;
}

/* clearfix
------------------------------------*/

#container:after,
#contents:after,
#main .cassette div:after,
#main .cassette ul:after,
#main .cassette p:after,
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
font-size: 0;
line-height: 0;
}

#container,
#contents,
#main .cassette div,
#main .cassette ul,
#main .cassette p,
.clearfix {
display: inline-block;
}

/* exlude MacIE5 \*/
* html #container,
* html #contents,
* html #main .cassette div,
* html #main .cassette ul,
* html #main .cassette p,
* html .clearfix {
height: 1%
}

#container,
#contents,
#main .cassette div,
#main .cassette ul,
#main .cassette p,
.clearfix {
display:block;
}
/* end MacIE5 */