@charset "utf-8";
/*=====================================================
((CSS INDEX))
Common Style
=====================================================*/	
/*----------------------------------------------------
Common Style	
----------------------------------------------------*/	

/*---Reset------------ */	
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, img, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{	
margin:0;
padding:0;
}
body{
height:100%;
text-align:center;
font-family:'Meiryo','Hiragino Kaku','Gothic Pro','MS PGothic',sans-serif;
color:#666;
font-size:80%;
/*-------------------------
font 下記設定でお願いします
ベースの75%（12px）に対し、
19px-160%
18px-154%
17px-145%
16px-136%
15px-123%
14px-115%
13px-105%
12px-100%(表示不要）
11px-92%
10px-83%
9px-75%
-------------------------*/
}
html {/*for ff*/
overflow-y: scroll;
}
img{	
border:0;
}
hr{	
display:none;
}
*,
::before,
::after {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}

@media screen and (max-width: 640px) {
img {
max-width: 100%;
height: auto;
width /***/:auto;
-ms-interpolation-mode: bicubic;
}
}

/*---text-align---------- */
.alignC{	
text-align: center; 
}	
.alignL{	
text-align: left; 
}	
.alignR{	
text-align: right; 
}

/*---inline---------------- */
ul.inline li{
display:table-cell;
*display:inline;/*for ie6*/
*zoom:1;
}

/*---link---------------- */	
a{
color:#8c8c8c;
}	
a:visited{
color:#8c8c8c;		
}	
a:hover{
color:#c90000;
}
a:focus{
-moz-outline-style: none;
} 
 
/*---list----------------- */
ul, ol, dl{	
list-style-type:none;
}
ul,
ol,
dl{
line-height:150%;
height:150%;
}
html:first-child dl{ /*for safari opera*/
line-height:180%;
height:180%;
}
ul li img{
vertical-align:middle;
}
ul.list{ 	
list-style-type:disc;
padding-left:18px;
}	
ul.list li{	
margin:2px 0;
}
ul.list li.listnone{
list-style-type:none;
}
ul.list li li{	
list-style-type:circle;
}	
ol.list{	
list-style-type: decimal;
padding-left:18px;
}
ol.list li{
margin-left:10px;
}
dl dt{
font-weight:bold;
margin-top:10px;
}	
dl dt.dttop{
margin-top:0;
}

/*---linkマーク----------------*/		
dl.link{
line-height : 1.6em;
}
p.link, 
span.link,
dl.link dd, 		
ul.link li{
padding-left:15px;
background: url(/common/image/ico_link.gif) 0 0.35em no-repeat;
text-decoration:none;
}
html:first-child p.link, 
html:first-child span.link,
html:first-child dl.link dd, 		
html:first-child ul.link li{/*for safari opera*/
background: url(/common/image/ico_link.gif) 0 50% no-repeat;
}
*:first-child+html p.link, 
*:first-child+html span.link,
*:first-child+html dl.link dd, 		
*:first-child+html ul.link li{/*for ie7*/
background: url(/common/image/ico_link.gif) 0 0.35em no-repeat;
}
.link a{
text-decoration:none;
}
ul.side li{
display:inline;
margin-right:20px;
}

/*---pdfマーク-----------------*/	
p.pdf, 
span.pdf{	
padding:4px 0 7px 15px;
background:url(/common/image/ico_pdf.gif) 0 50% no-repeat;
}	
ul.pdf li{
padding:4px 4px 0 15px;
background: url(/common/image/ico_pdf.gif) 0 50% no-repeat;
}
ul.pdf a{
text-decoration:none;
}
p.pdf, 
span.pdf,
ul.pdf li{
text-decoration:none;
}

/*---float------------------- */
.floatL{	
float:left;
}	
.floatR{	
float:right;
}	
.clear{	
clear:both;
}	
.clearL{	
clear:left;
}	
.clearR{	
clear:right;
}

@media screen and (max-width: 640px) {
.floatL,
.floatR{
float: none;
}
}

/*---font---------- */	
.sizeSS{	
font-size:88%;
}	
.sizeS{	
font-size:92%;
line-height:120%;
}	
.sizeL{	
font-size:105%;
}
.gray{
color:#999;
}	
.red,
.red a{		
color:#c90000;
}	
.orange{
color:#F60;
font-size:92%;
}
.blue{
color:#00F;
}
.pink{
color:#F0C;
}

/*---pdf----------- */
.getPDF{
border:1px solid #ddd;
padding:10px 10px 20px;
margin-top:30px;
font-size:92%;
}
.getPDF, x:-moz-any-link, x:only-child{/*for ff*/
padding-bottom:10px;
}
*+html .getPDF{/*for ie7 8*/
padding-bottom:10px;
}
*html .getPDF{/*for ie6*/
padding-bottom:5px;
}

/*---見出し-------- */
/*h1*/
h1{
margin-bottom:52px;
height:80px;
/*text-indent:-10000000px;*/
}
#datastoreIndex #contentsArea h1#h1Datastore {
color:#fff;
font-family:'游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding-left:20px;
line-height:80px;
font-size:140%;
font-weight:normal;
}
/*h2*/
h2{
margin: 56px 0 14px;
padding-bottom: 2px;
border-bottom:1px dotted #777;
font-size: 110%;
height: auto;
}
h2#h201{
margin-top:0;
}
/*h3*/
h3{
margin:40px 0 15px;
padding:3px 0;
border:1px solid #ccc;
font-size:100%;
vertical-align:middle;
color:#4c4c4c;
}
h3.h3top{
margin:25px 0 15px;
}
h3 span{
display:block; 
border-left:solid 3px #c60000; 
}
h3 span em{
margin-left:5px;
font-style:normal;
font-weight:bold; 
text-decoration:none;
line-height:150%;
}
h3 a{
padding:15px;
background:url(/common/image/ico_link.gif) no-repeat 0 50%;
text-decoration:none;
}
/*h4*/
h4{
margin:10px 0;
font-size:100%;
color:#4c4c4c;
}
h4.h4top{
margin-top:0;
}
/*h5*/
h5{
margin:10px 0 0;
font-size:100%;
}

/*---table---------- */	
table{
width:100%;
}
table.borderTable{
margin-top:10px;
border:1px solid #ccc;
border-collapse: collapse;
margin-bottom:15px;
}
table.w656{
width:656px;
}
table.w492{
width:492px;
}
table.w328{
width:328px;
}
table.w250{
width:250px;
}
table.w164{
width:164px;
}
table.borderTable th, 	
table.borderTable td{
padding:3px 6px;
border:1px solid #ccc;
line-height: 1.3;
vertical-align:middle;
}
table th{
background-color:#f1efef;
font-weight:normal;
text-align:center;
}
table td.td1,
table th.th1{
background-color:#ffefed;
}
table td.td2{
background-color:#e3eafd;
}
table td.td3{
background-color:#fdf2e3;
}

@media screen and (max-width: 640px) {
table.w656,
table.w492,
table.w328,
table.w250,
table.w164{
width:100%;
}
}

/*---表タイトル---------- */	
table caption{
font-weight:bold;
text-align:left;
}
.tableTitle{
margin-bottom:-10px;
font-weight:bold;
}
.tableTitle.withUnit{
margin-bottom:-16px;
}
*:first-child+html .tableTitle.withUnit{
margin-bottom:-25px;
}
* html .tableTitle.withUnit{
margin-bottom:-25px;
}

/*---単位-------------- */
table caption.unit{
margin-bottom:-1.2em;
font-size:83%;
font-weight: normal;
text-align:right;
}
*html table caption.unit{/*for ie6*/
margin-bottom:-0.5em;
}
html:first-child table caption.unit{
margin-bottom:0;
}

/*---ボーダー----------- */
.borderTop{
clear:both;
margin-top:30px;
padding-top:5px;
border-top:1px dotted #ddd;
}

/*---column--------------*/
.column2, 
.column3, 
.column4{ 
width:656px;
}
/*column2 (LR)*/
.column2 .L{
float:left;
width:313px;
margin-right:28px;
}
.column2 .R{
float:right;
width:313px;
}
/*column3 (LLR)*/
.column3 .L{
float:left;
width:200px;
margin-right:28px;
}
.column3 .R{
float:right;
width:200px;
}
/*column3 (L2R1)*/
.column3 .L2{
float:left;
width:400px;
margin-right:28px;
}
.column3 .R1{
float:right;
width:200px;
}
/*column3 (L1R2)*/
.column3 .L1{
float:left;
width:200px;
margin-right:28px;
}
.column3 .R2{
float:right;
width:400px;
}
/*column4 (L1R3)*/
.column4 .L1{
float:left;
width:157px;
margin-right:28px;
}
.column4 .R3{
float:right;
width:471px;
}

@media screen and (max-width: 640px) {
.column2, 
.column3, 
.column4{ 
width:100%;
}
/*column2 (LR)*/
.column2 .L{
float:none;
width:100%;
margin-right:0;
}
.column2 .R{
float:none;
width:100%;
}
/*column3 (LLR)*/
.column3 .L{
float:none;
width:100%;
margin-right:0;
}
.column3 .R{
float:none;
width:100%;
}
/*column3 (L2R1)*/
.column3 .L2{
float:none;
width:100%;
margin-right:0;
}
.column3 .R1{
float:none;
width:100%;
}
/*column3 (L1R2)*/
.column3 .L1{
float:none;
width:100%;
margin-right:0;
}
.column3 .R2{
float:none;
width:100%;
}
/*column4 (L1R3)*/
.column4 .L1{
float:none;
width:100%;
margin-right:0;
}
.column4 .R3{
float:none;
width:100%;
}
}

/*---columnBox+column--------------*/
.columnBox.column2,
.columnBoxW.column2{ 
width:636px;
}
/*column2 (LR)*/
.columnBox.column2 .L,
.columnBoxW.column2 .L{
float:left;
width:304px;
margin-right:28px;
}
.columnBox.column2 .R,
.columnBoxW.column2 .R{
float:right;
width:304px;
}
.columnBox.column4{ 
width:636px;
}
/*column4 (LR)*/
.columnBox.column4 .L{
float:left;
width:152px;
margin-right:28px;
}
.columnBox.column4 .R{
width:456px;
}

@media screen and (max-width: 640px) {
.columnBox.column2,
.columnBoxW.column2{ 
width:100%;
}
/*column2 (LR)*/
.columnBox.column2 .L,
.columnBoxW.column2 .L{
float:none;
width:100%;
margin-right:0;
}
.columnBox.column2 .R,
.columnBoxW.column2 .R{
float:none;
width:100%;
}
.columnBox.column4{ 
width:636px;
}
/*column4 (LR)*/
.columnBox.column4 .L{
float:none;
width:100%;
margin-right:0;
}
.columnBox.column4 .R{
float:none;
}
}


/*---clearfixハック---------- */	
/* for modern browser */
.clearfix {
display: inline-block;
}
.clearfix:after {
display: block;
clear: both;
height: 0;
content: ".";
line-height: 0;
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* End hide from IE-mac */ 
.clearfix .clearfix {
overflow:visible;
}

/*---p------------------*/
p{
line-height:160%;
margin-bottom:10px;
/*height:150;単位つけると、ie6でバグ*/
}
p.indent{	
text-indent:1em;
}
p.title{
font-weight:bold;
line-height:120%;
color:#666;
}	
p.photoCaption{	
font-size:83%;
line-height:120%;
}
p.photoTitle{
margin-top:15px;	
font-weight:bold;
line-height:120%;
}
p.submit{
margin:25px auto 0;
text-align:center;
}
p.read{
margin:15px 0 10px;
}
p.read strong{
color:#8c8c8c;
}
p.other{
text-align:right;
}

/*---note----------------*/	
.note{	
margin-top:5px;
margin-right:3px;
font-size:92%;
}

/*---image--------------*/
.image{
margin:15px 0;
}
.imgL{
float:left;
margin:0 20px 20px 0;
}
.imgR{
float:right;
margin:0 0 20px 20px;
}
.imageC{
margin-top:15px;
margin-bottom:20px;
text-align:center;
}
.imageC img{
margin-bottom:20px;
}

@media screen and (max-width: 640px) {
.imgL,
.imgR{
float: none;
display: block;
}
}

/*---Box----------------*/
.columnBox{	
background-color:#f6f6ee;
padding:10px;
}
.columnBox dl dt{
margin-top:0;
}
.columnBoxR{	
background-color:#ffefed;
padding:10px; 
}
.columnBoxW{
border:1px solid #ccc;
padding:10px; 
}
.columnTitle{
font-weight:bold;
}
.titleBox{
background-color:#f3f3f3;
padding:5px;
}
.titleBox p.title{
font-size:92%;
}

/*---button--------------*/
.button{
margin-top:30px;
margin-bottom:5px;
text-align:center;
}
.button2{
margin-top:20px;
text-align:right;
}

/*---news----------------*/	
dl.news dt{
background:url(/common/image/ico_arrow.gif) 0 40% no-repeat;
padding-left:8px;
}
dl.news dd{
margin-left:8px;
}

/*---margin----------------*/
/*margin top*/
.mt0{
margin-top:0;
}
.mt5{
margin-top:5px;
}
.mt10{
margin-top:10px;
}
.mt15{
margin-top:15px;
}
.mt20{
margin-top:20px;
}
.mt30{
margin-top:30px;
}
.mt40{
margin-top:40px;
}
.mt45{
margin-top:45px;
}
.mt50{
margin-top:50px;
}
/*margin bottom*/
.mb0{
margin-bottom:0;
}
.mb5{
margin-bottom:5px;
}
.mb10{
margin-bottom:10px;
}
.mb20{
margin-bottom:20px;
}
.mb30{
margin-bottom:30px;
}
.mb40{
margin-bottom:40px;
}
/*margin left*/
.ml10{
margin-left:10px;
}

/*---width-----------------*/
.em2{
width:2em;
}
.em3{
width:3em;
}
.em5{
width:5em;
}
.em6{
width:6em;
}
.em7{
width:7em;
}
.em8{
width:8em;
}
.em10{ 
width:10em;
}
.em13{ 
width:13em;
}
.em15{ 
width:15em;
}
.em16{ 
width:16em;
}
.em20{ 
width:20em;
}
.em26{ 
width:26em;
}
.w656{
width:656px;
}
.w492{
width:492px;
}
.w328{
width:328px;
}
.w164{
width:164px;
}

@media screen and (max-width: 640px) {
.w656{
width:100%;
}
.w492,
.w328,
.w164{
width:auto;
}
}