/* style.css */

body{
	background-repeat: repeat;
	background-position: center center;
	background-color: #f0eee6;
}


.container-innner{
	margin: 0 auto;
	padding: 0;
	font-size: 16px;
	line-height: 1.6;
	background-color: #ffffff;
	box-shadow: 0 3px 3px rgba(0,0,0,0.4);
	
}

.container {
   width: 970px;
}

h1{ margin: 0; padding: 0; line-height: 1; }
h2{ margin: 0; padding: 0; line-height: 1; }
.fl-r{ float: right; padding-left: 20px; }
.fl-l{ float: left; padding-right: 20px; }
.text{ margin: 20px 80px; }
.imgstyle{ margin: 0 60px; }

.q{
	background-color: #000;
	padding: 12px 12px;
	color: #ffffff;
	margin: 0;
	font-weight: bold;
}

.a{
	border: solid 1px #000;
	padding: 20px 30px 20px 48px;
	margin: 0 0 30px 0;
	font-size: 14px;
	background-image: url(../images/img_entry_02.gif);
	background-repeat: no-repeat;
	background-position: 6px 15px;

}

.border-gray{ border: solid 1px #dcdcdc; background-color: #fafafa; padding: 25px; }
.border-yellow{ border: solid 1px #efd811; background-color: #fffcc4; padding: 25px; }
.check1{ list-style-type: none; background-image:url(../images/check1.jpg); background-repeat: no-repeat; background-position: left center; padding: 6px 20px 0 45px; margin-bottom: 20px; font-size: 18px; font-weight: bolder; }

.footer{
	border-top: solid 1px #dcdcdc;
	margin: 30px auto;
	text-align: center;
	font-size: 12px;
	color: #555;
	padding: 20px 0;
}


.syokai{
	margin: 30px 80px;
	background: #fffaeb;
	border: solid 3px #bfaf6f;
}

.syokai p{
	padding: 40px 60px;
	font-size: 14px;
}

.syokai img{ padding: 0 60px;}


.koe{
	margin: 30px 80px;
	background-image:url(../images/pp.jpg);
	background-repeat: repeat;
	border: solid 1px #dcdcdc;
}

.koe p{
	padding: 40px 60px;
	font-size: 14px;
}

.koe img{ padding: 0 60px;}



.fujioka{
	background-image:url(../images/fujioka.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	min-height: 539px;
	position: relative;
}

.fujioka p{
	position: absolute;
	display: block;
	width: 450px;
	top: 140px;
	left: 420px;
	font-size: 14px;
}

.shimizu{
	background-image:url(../images/shimizu.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	min-height: 700px;
	position: relative;
}

.shimizu p{
	position: absolute;
	display: block;
	width: 450px;
	top: 140px;
	left: 80px;
	font-size: 14px;
}

.kankyo{ background: rgb(68,97,145); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ0NjE5MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMTQwNzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(68,97,145,1) 0%, rgba(17,64,117,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(68,97,145,1)), color-stop(100%,rgba(17,64,117,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(68,97,145,1) 0%,rgba(17,64,117,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(68,97,145,1) 0%,rgba(17,64,117,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(68,97,145,1) 0%,rgba(17,64,117,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(68,97,145,1) 0%,rgba(17,64,117,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#446191', endColorstr='#114075',GradientType=0 ); /* IE6-8 */
padding: 5px 10px; color: #ffffff; font-weight: bold; font-size: 18px; border: solid 1px #0A2B4F; }


.kankyo2{
background: rgb(252,252,252); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(252,252,252,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(252,252,252,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */
border-top: solid 4px #447a99;
font-weight: bold; font-size: 18px; border-left: solid 1px #dcdcdc; border-right: solid 1px #dcdcdc; border-bottom: solid 1px #dcdcdc; padding: 8px 10px; margin-bottom: 20px;
}


.fuji{
	background-image: url(../images/title29.jpg);
	height: 478px;
	display: block;
	position: relative;
	margin-top: 30px;
}


.fuji p{
	position: absolute;
	left: 80px;
	top: 270px;
	width: 480px;
	color: #ffffff;
}


.shimi{
	background-image: url(../images/title30.jpg);
	height: 460px;
	display: block;
	position: relative;
	margin-top: 30px;
}


.shimi p{
	position: absolute;
	left: 80px;
	top: 250px;
	width: 480px;
	color: #ffffff;
}

.uchi{
	background-image: url(../images/title31.jpg);
	height: 460px;
	display: block;
	position: relative;
	margin-top: 30px;
}


.uchi p{
	position: absolute;
	left: 80px;
	top: 250px;
	width: 480px;
	color: #ffffff;
}


.mari{
	background-image: url(../images/title32.jpg);
	height: 465px;
	display: block;
	position: relative;
	margin-top: 30px;
}


.mari p{
	position: absolute;
	left: 80px;
	top: 250px;
	width: 480px;
	color: #ffffff;
}

.ishi{
	background-image: url(../images/title33.jpg);
	height: 465px;
	display: block;
	position: relative;
	margin-top: 30px;
}


.ishi p{
	position: absolute;
	left: 80px;
	top: 250px;
	width: 480px;
	color: #ffffff;
}

.kazuma{
	background-image: url(../images/title33-2.jpg);
	height: 465px;
	display: block;
	position: relative;
	margin-top: 30px;
}


.kazuma p{
	position: absolute;
	left: 80px;
	top: 250px;
	width: 490px;
	color: #ffffff;
}

.morikawa{
	background-image: url(../images/title33-3.jpg);
	height: 465px;
	display: block;
	position: relative;
	margin-top: 30px;
}


.morikawa p{
	position: absolute;
	left: 80px;
	top: 250px;
	width: 490px;
	color: #ffffff;
}


.fujii{
	background-image: url(../images/fujii.jpg);
	height: 465px;
	display: block;
	position: relative;
	margin-top: 30px;
}


.fujii p{
	position: absolute;
	left: 80px;
	top: 250px;
	width: 490px;
	color: #ffffff;
}


.subhead p{
	padding: 20px 80px;
}


.cv12{ background:url(../images/03/slide/cv14.png); height: 485px; display: block; width: 100%;}
.cv12-toku{ background:url(../images/cv12-1.jpg); height: 553px; display: block; width: 100%;}
.cv12 .cv12-1{ margin: 20px auto 0 auto; text-align: center;}
.cv15{ background:url(../images/03/slide/cv15.png); height: 485px; display: block; width: 100%;}


#timer{ text-align: center; margin: 10px 0; height: 100px; }

/* Shared styles */

        .drop-shadow {
            position:relative;
            float:left;
            width:100%;
            padding:1em 40px;
            margin:2em 0;
            background:#fff;
            -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        }

        .drop-shadow:before,
        .drop-shadow:after {
            content:"";
            position:absolute;
            z-index:-2;
        }

        .drop-shadow p {
            font-size:16px;
            padding: 0 40px 30px;
        }

        /* Lifted corners */

        .lifted {
            -moz-border-radius:1px;
            border-radius:1px;
        }

        .lifted:before,
        .lifted:after {
            bottom:15px;
            left:10px;
            width:50%;
            height:20%;
            max-width:300px;
            max-height:100px;
            -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
            -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
            box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
            -webkit-transform:rotate(-3deg);
            -moz-transform:rotate(-3deg);
            -ms-transform:rotate(-3deg);
            -o-transform:rotate(-3deg);
            transform:rotate(-3deg);
        }

        .lifted:after {
            right:10px;
            left:auto;
            -webkit-transform:rotate(3deg);
            -moz-transform:rotate(3deg);
            -ms-transform:rotate(3deg);
            -o-transform:rotate(3deg);
            transform:rotate(3deg);
        }
                .curled {
            border:1px solid #efefef;
            -moz-border-radius:0 0 120px 120px / 0 0 6px 6px;
            border-radius:0 0 120px 120px / 0 0 6px 6px;
        }

        .curled:before,
        .curled:after {
            bottom:12px;
            left:10px;
            width:50%;
            height:55%;
            max-width:200px;
            max-height:100px;
            -webkit-box-shadow:0 8px 12px rgba(0, 0, 0, 0.5);
            -moz-box-shadow:0 8px 12px rgba(0, 0, 0, 0.5);
            box-shadow:0 8px 12px rgba(0, 0, 0, 0.5);
            -webkit-transform:skew(-8deg) rotate(-3deg);
            -moz-transform:skew(-8deg) rotate(-3deg);
            -ms-transform:skew(-8deg) rotate(-3deg);
            -o-transform:skew(-8deg) rotate(-3deg);
            transform:skew(-8deg) rotate(-3deg);
        }

        .curled:after {
            right:10px;
            left:auto;
            -webkit-transform:skew(8deg) rotate(3deg);
            -moz-transform:skew(8deg) rotate(3deg);
            -ms-transform:skew(8deg) rotate(3deg);
            -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
        }


.unl {
	text-decoration: underline;
	color: #FF0004;
}

.over {
	    margin: 30px 30px;
    background: #00479c;
    border: solid 3px #00152d;
}

div.over > img {
    margin-left: 45px;
}



h4 {
position: relative;/*相対位置*/
padding-left: 1.2em;/*アイコン分のスペース*/
line-height: 1.4;/*行高*/
border-bottom:solid 1px #ff9800;

font-size:20px;
}

h4:before{ font-family: FontAwesome;/*忘れずに*/
content: "\f075";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size: 1em;/*サイズ*/
left: 0;/*アイコンの位置*/
top: 0;/*アイコンの位置*/
color: #ff9800; /*アイコン色*/
}