@charset "utf-8";
html{
font-family:formac;
}
body {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
color: #000;
line-height: 1.5;
text-align: center;
margin: 0;
padding: 0;
}
ul, ol, dl, li,
h1, h2, h3, h4, h5, h6, p{ 
padding: 0;
margin: 0;
}
a img {
border: none;
}
a:link {
color: #42413C;
text-decoration: underline;
}
a:visited {
color: #6E6C64;
text-decoration: underline;
}
a:hover, a:active, a:focus {
text-decoration: none;
}
a:hover{
filter:alpha(opacity=65);
-moz-opacity:0.65;
-khtml-opacity:0.65;
opacity:0.65;
}
#header {
background: #fff;
text-align: center;
padding: 20px 0;
height: 100px;
display: block;
}
#header .in{
width: 900px;
margin: 0 auto;
clear: both;
}
#header .in{
position: relative;
}
#header .in .mcas_link{
position: absolute;
right : -110px;
top : 2px;
}
#header .logo{
float: left;
margin-top: 18px;
}
#header .menu{
float: right;
width: 550px;
border-top: 2px solid #231815;
border-bottom: 2px solid #231815;
margin: 0;
padding: 0;
}
#header .menu ul{
list-style-type: none;
margin: 0;
padding: 0;
}
#header .menu li{
list-style-type: none;
margin: 0;
padding: 0;
float: left;
height: 50px;
width: 110px;
}
#header .menu li img{
height: 50px;
width: 110px;	
}
#sns{
color: #eee;
margin: 0 auto;
padding: 7px 0 12px;
text-align: right;
clear: both;
width: 900px;
}
#sns .translation_index{
float: left;
display: block;
height: 21px;
margin: 2px 0 10px;
}
#sns .translation_index a{
margin-right: 8px;
}
#main {
width: 840px;
text-align: center;
background-color: #FFF;
clear: both;
padding: 20px 30px 0;
margin: 0 auto;
}
.contents{
font-family:formac;
margin-bottom: 35px;
text-align: left;
clear: both;
}
.contents h4 {
border-top: 2px solid #000;
border-bottom: 1px solid #000;
color: #000;
font-weight: bold;
text-align: center;
font-size: 130%;
line-height: 1.0;
padding-top: 0.4em;
padding-bottom: 0.4em;
margin-bottom: 0.4em;
}
.contents h4 a{
color: #000;
font-weight: bold;
text-decoration: none;
}
/**　ad_banner　*************************************/
#ad_banner{
clear: both;
width: 730px;
text-align: center;
display: block;
padding-bottom: 30px;
margin: 0 auto;
}
/**　footer　*************************************/
#footer{
font-family:formac;
clear: both;
background-color: #ddd;
padding-bottom: 10px;
width: 900px;
margin: 0 auto;
}
#footer #oc{
text-align: center;
display: block;
clear: both;
font-size: 75%;
line-height: 150%;
background-color: #fff;
padding: 0 1%;
}
#footer #oc ul{
list-style-type: none;
text-align:center;
width: 78%;
margin: 0 auto;
padding-top: 0.4em;
padding-bottom: 0.4em;
background-color: #ffe8f2;
border-radius: 5px;        /* CSS3草案 */  
-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 4px;   /* Firefox用 */
border: 3px solid #fbd8e8;
}
#footer #oc .midashi{
padding-right:3%;
border-right: 1px dotted #999;
}
#footer #oc li{
list-style-type: none;
display:inline;
}
#footer #oc li a{
padding: 0 1%;
font-weight: bold;
}

#footer #dc{
text-align: center;
display: block;
clear: both;
font-size: 75%;
line-height: 150%;
background-color: #fff;
padding-top: 1.0em;
padding-bottom: 1.0em;
}
#footer #dc ul{
list-style-type: none;
text-align:center;
}
#footer #dc .midashi{
padding-right:2%;
border-right: 1px dotted #999;
} 
#footer #dc li{
list-style-type: none;
display:inline;
}
#footer #dc li a{
padding: 0 1%;
font-weight: bold;
}

#footer #info{
font-size: 70%;
line-height: 150%;
clear: both;
width: 90%;
padding: 2% 0;
margin: 0 auto;
}
#footer #info .midashi{
font-size: 100%;
font-weight: bold;
border-bottom: 1px solid #999;
margin-bottom: 2px;
}
#footer #info ul {
width:23%;
list-style-type: none;
text-align: left;
display: block;
float: left;
padding: 0 1%;
}
#footer #info li {
list-style-type: none;
padding: 0 1%;
}
#footer #info li a{
text-decoration: none;
}

#footer .copyright{
text-align: center;
display: block;
clear: both;
margin: 0%;
padding: 3% 1% 2% ;
font-size: 70%;
line-height: 150%;
}

/* ie6用 2014.5.15 */
#ie6 {
background-repeat: repeat;
background-color: #ccc;
color: #d00;
font-size: 90%;
line-height: 150%;
text-align: center;
display: block;
margin: 0;
float: left;
padding: 8px 0;
position: absolute;
top: 0;
left: 0;
z-index: 100;
opacity: 0.9;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 90);
filter: alpha(opacity = 90);
width: 100%;
}
.link_sp{
border:solid 2px #666;
background-color: #efefef;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
color: #000;
display:block;
font-size: 400%;
text-align:center;
margin: 20px;
padding: 40px;
}