/*-------------------------------------------------------------
///////////////////////////////////////////////////////////////
reset
///////////////////////////////////////////////////////////////
--------------------------------------------------------------*/
/*-------------------------------------------------------------
///////////////////////////////////////////////////////////////
common
///////////////////////////////////////////////////////////////
--------------------------------------------------------------*/
html {margin: 0; padding: 0; min-height: 900px; }
body {
font-family: "Verdana", "繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3", "Hiragino Kaku Gothic ProN", "繝｡繧､繝ｪ繧ｪ", "Meiryo"," sans-serif";
color: #333333;
font-size:95%;
margin:0px;
padding:0px;
}
body:not(:target) {
height: inherit\9; /* IE9, 10 */
}
* html body {
font-size:90%;
}
/**/
*:first-child+html body {
font-size:87%;
}
img {
vertical-align:bottom;
border:none;
display:block;
}
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.fleft {float:left; }
.fright {float:right; }
.center00 {margin:0px auto;}
.center20 {margin:20px auto;}
.clear {clear:both;}
.clearLeft {clear:left;}
.clearRight {clear:right;}
.h10 {height:10px;}
.t5 {padding-top:5px;}
.t10 {padding-top:10px;}
.t20 {padding-top:20px;}
.b10 {padding-bottom:10px;}
.b20 {padding-bottom:20px;}
.r10 {padding-right:10px;}
.l10 {padding-left:10px;}
.b {font-weight:bold;}
.underline {text-decoration:underline;}
.mt20{ margin-top:20px;}
.mt40 {margin-top:40px; }
.mt100 {margin-top:100px;}
.mt_5 {margin-top:-5px;}
.mt_15 {margin-top:-15px;}
.mt_35 {margin-top:-35px;}
.mb40 {margin-bottom:40px;}
.mb20{ margin-bottom:20px;}
.mb10{ margin-bottom:10px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right: 20px;}
.ssText {font-size:0.8em;縲line-height:135%;}
.sText {font-size:0.9em;縲line-height:150%;}
.lText {font-size:1.1em;}
.llText {font-size:1.2em;}
.XlText {font-size:1.3em;}
.indent1em {
padding-left:1em;
text-indent:-1em;
}
.color_red {color:#e50012;}
.color_darkblue {color:#004286;}
.color_green {color:#94d303;}
.color_orange {color:#EC6C00; }
.caution {color:#c50018;}
.marker {background: linear-gradient(transparent 40%, #ff9 40%); }
a {
color:#2c4197;
text-decoration: underline;
outline:0;
}
a:hover {
color:#d75252;
text-decoration: none;
}
.clearfix:after { content: ""; display: block; height: 0; visibility: hidden; clear: both; }
.fw_b{ font-weight:600;}
.fc-r{ color:#F00;}
/*-------------------------------------------------------------
///////////////////////////////////////////////////////////////
layout
///////////////////////////////////////////////////////////////
--------------------------------------------------------------*/
/*繝壹�繧ｸ繝吶�繧ｹ
------------------------------------------------------*/
body > #wrapper {
height: auto;
}
#wrapper {
width: 100%;
height: 100%;
margin: 0px auto;
text-align: left;
font-size: 0.9em;
background-image: url(../img/main_bk.png);
background-repeat:no-repeat;
background-position: bottom center;
}
/*contents
------------------------------------------------------*/
#maintop{ width: 100%; box-shadow: 0 0 5px #ccc; border-bottom:#772C31 5px solid;
background-image: url(../img/srd_bk.png); background-repeat: repeat-x;}
.maintop{ width:1000px; margin:0 auto;}
#contentsWrap {
width: 1000px;
min-height:1000px;
margin-right: auto;
margin-left : auto;
}
/*繝倥ャ繝繝ｼ
------------------------------------------------------*/
#header { background:#AC2225;
width:100%;
height:100px;
box-shadow: 0 0 4px 4px rgba(0,0,0,0.2);
position: relative;
z-index:1 ; border-bottom:#772C31 2px solid;
}
.sktop{ float:right; z-index:50; margin-right:20px; margin-top:40px; }
.header {
width: 1000px; margin:0 auto;
height:100px;
background-image:url(../img/header01.png);
}
/*.header .pgtitle{
width:1000px;
height:100px;
position: absolute;
z-index: 2;}
*/
h1{margin: 0;}
/*繧ｳ繝ｳ繝�Φ繝�お繝ｪ繧｢
------------------------------------------------------*/
#contentsArea {
width: 750px;
min-height:800px;
float: right;
padding:0;
padding-bottom:20px;
position: relative;
}
#contentspage {
width: 750px;
min-height:800px;
float: right;
padding:0;
padding-bottom:30px;
position: relative;
}
/*繧ｵ繧､繝峨お繝ｪ繧｢
-----------------------------------------------------*/
.contactInfo{ width:223px; margin-top:-10px;}
.contactInfo li{
list-style-type: none;
margin-bottom:10px; line-height:40%;
}
.contactInfo ul{ margin:0; padding:0;}
.contactInfo li:hover img{
cursor:pointer;
filter: alpha(opacity=60);
-ms-filter: "alpha(opacity=60)";
-moz-opacity:0.6;
-khtml-opacity: 0.6;
opacity:0.6;
zoom:1;
}
/*address {
margin: 0px auto 0;
}
.contactInfo {
width: 193px;
padding-top: 15px;
padding-left: 0px;
margin-left:0px;
padding-bottom:;
}
.contactInfo ul{ margin:0; padding:0;}
.contactInfo li{
list-style-type: none;
margin-bottom:10px; line-height:40%;
}
.shinsei{ padding:2px; height:180px;}
.shinsei li{ line-height:100%; text-indent:-1em; padding-left:1em; font-size:12px; border-bottom:#666666 1px dotted; padding-bottom:8px;}
.shinsei li:before{
content: "笆�"; margin-right:2px; color:#396;
}
.shinsei li:after{ content: url(../img/shinsei_icon.png);
position: relative;
top:3px; left:3px;
}------*/
/*繝｡繧､繝ｳ繝｡繝九Η繝ｼ
------------------------------------------------------*/
/*navi*/
.sideArea{ width:223px; padding-left:12px; padding-top:15px;}
ul#menu01 {
margin:0 0 30px 0;
padding:0;
list-style:none;
background: #C51A22;
width:222px;
box-shadow: 0px 7px 7px -3px rgba(0,0,0,0.6);
-webkit-box-shadow: 0px 7px 7px -3px rgba(0,0,0,0.6);
-moz-box-shadow: 0px 7px 7px -3px rgba(0,0,0,0.6);
border-bottom:#221714 1px solid;
}
ul#menu01 li {
text-indent:-9999px;
overflow:hidden;
}
ul#menu01 li a {
display: block;
height:44px;
width:222px;
}
/*off*/
li#li01 a{
background: url(../img/navi.png) 0 0 no-repeat;
}
li#li02 a{
background: url(../img/navi.png) 0 -44px no-repeat;
}
li#li03 a{
background: url(../img/navi.png) 0 -88px no-repeat;
}
li#li04 a{
background: url(../img/navi.png) 0 -132px no-repeat;
}
li#li05 a{
background: url(../img/navi.png) 0 -176px no-repeat;
}
li#li06 a{
background: url(../img/navi.png) 0 -220px no-repeat;
}
li#li07 a{
background: url(../img/navi.png) 0 -264px no-repeat;
}
li#li08 a{
background: url(../img/navi.png) 0 -308px no-repeat;
}
li#li09 a{
background: url(../img/navi.png) 0 -352px no-repeat;
}
li#li10 a{
background: url(../img/navi.png) 0 -396px no-repeat;
}
li#li11 a{
background: url(../img/navi.png) 0 -440px no-repeat;
}
li#li12 a{
background: url(../img/navi.png) 0 -484px no-repeat;
}
li#li13 a{
background: url(../img/navi.png) 0 -528px no-repeat;
}
li#li14 a{
background: url(../img/navi.png) 0 -572px no-repeat;
}
li#li15 a{
background: url(../img/navi.png) 0 -616px no-repeat;
}
li#li16 a{
background: url(../img/navi.png) 0 -660px no-repeat;
}
li#li17 a{
background: url(../img/navi.png) 0 -704px no-repeat;
}
li#li18 a{
background: url(../img/navi.png) 0 -748px no-repeat;
}
li#li19 a{
background: url(../img/navi.png) 0 -792px no-repeat;
}
/*on*/
li#li01 a:hover{
background: url(../img/navi.png) -222px 0 no-repeat;
}
li#li02 a:hover{
background: url(../img/navi.png) -222px -44px no-repeat;
}
li#li03 a:hover{
background: url(../img/navi.png) -222px -88px no-repeat;
}
li#li04 a:hover{
background: url(../img/navi.png) -222px -132px no-repeat;}li#li05 a:hover{
background: url(../img/navi.png) -222px -176px no-repeat;}li#li06 a:hover{
background: url(../img/navi.png) -222px -220px no-repeat;}li#li07 a:hover{
background: url(../img/navi.png) -222px -264px no-repeat;}li#li08 a:hover{
background: url(../img/navi.png) -222px -308px no-repeat;}li#li09 a:hover{
background: url(../img/navi.png) -222px -352px no-repeat;}li#li10 a:hover{
background: url(../img/navi.png) -222px -396px no-repeat;}li#li11 a:hover{
background: url(../img/navi.png) -222px -440px no-repeat;}li#li12 a:hover{
background: url(../img/navi.png) -222px -484px no-repeat;}li#li13 a:hover{
background: url(../img/navi.png) -222px -528px no-repeat;}li#li14 a:hover{
background: url(../img/navi.png) -222px -572px no-repeat;}li#li15 a:hover{
background: url(../img/navi.png) -222px -616px no-repeat;}li#li16 a:hover{
background: url(../img/navi.png) -222px -660px no-repeat;}li#li17 a:hover{
background: url(../img/navi.png) -222px -704px no-repeat;}li#li18 a:hover{
background: url(../img/navi.png) -222px -748px no-repeat;}li#li19 a:hover{
background: url(../img/navi.png) -222px -792px no-repeat;}
/*迴ｾ蝨ｨ縺�ｋ繝壹�繧ｸ繧偵Θ繝ｼ繧ｶ繝ｼ縺ｫ遉ｺ縺吶◆繧√�謖�ｮ�*/
li#li01on a{
background: url(../img/navi.png) -222px 0 no-repeat;}
li#li02on a{
background: url(../img/navi.png) -222px -44px no-repeat;}
li#li03on a{
background: url(../img/navi.png) -222px -88px no-repeat;}
li#li04on a{
background: url(../img/navi.png) -222px -132px no-repeat;}
li#li05on a{
background: url(../img/navi.png) -222px -176px no-repeat;}
li#li06on a{
background: url(../img/navi.png) -222px -220px no-repeat;}
li#li07on a{
background: url(../img/navi.png) -222px -264px no-repeat;}
li#li08on a{
background: url(../img/navi.png) -222px -308px no-repeat;}
li#li09on a{
background: url(../img/navi.png) -222px -352px no-repeat;}
li#li10on a{
background: url(../img/navi.png) -222px -396px no-repeat;}
li#li11on a{
background: url(../img/navi.png) -222px -440px no-repeat;}
li#li12on a{
background: url(../img/navi.png) -222px -484px no-repeat;}
li#li13on a{
background: url(../img/navi.png) -222px -528px no-repeat;}
li#li14on a{
background: url(../img/navi.png) -222px -572px no-repeat;}
li#li15on a{
background: url(../img/navi.png) -222px -616px no-repeat;}
li#li16on a{
background: url(../img/navi.png) -222px -660px no-repeat;}
li#li17on a{
background: url(../img/navi.png) -222px -704px no-repeat;}
li#li18on a{
background: url(../img/navi.png) -222px -748px no-repeat;}
li#li19on a{
background: url(../img/navi.png) -222px -792px no-repeat;}
/*繝輔ャ繧ｿ繝ｼ
------------------------------------------------------*/
#foot_out {
margin: -50px auto 0 auto;
height: 180px;
clear: both;
padding-top: 50px;
text-align: center;
bottom: 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffe5e2+100&0+0,0.87+32,1+50 */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2ZmZjdmNiIgc3RvcC1vcGFjaXR5PSIwLjg3Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZjJmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmU1ZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,247,246,0.87) 32%, rgba(255,242,241,1) 50%, rgba(255,229,226,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,247,246,0.87) 32%,rgba(255,242,241,1) 50%,rgba(255,229,226,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,247,246,0.87) 32%,rgba(255,242,241,1) 50%,rgba(255,229,226,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffe5e2',GradientType=0 ); /* IE6-8 */
}
.footer {
clear: both;
height: 30px;
width: 1000px;
margin:0 auto;
position: relative;
text-align: center;
color: #000000;
font-size: 14px;
font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif;
}
.footer dl{ text-align:left; line-height:140%; }
.footer dt{ float:; font-weight:600; margin-top:0.5em;}
.footer dd{ margin-left:0; font-size:;}
.email{ float:right; margin-top:0px; margin-right:10px;}
.chutai{letter-spacing:-0.2em; }
/*clearfix*/
div:after {
content: ".";
display: block;
visibility: hidden;
font-size: 0.1em;
line-height: 0;
clear: both;
}