@charset "utf-8";


/* クロスブラウザフォント 
------------------------------------*/
body {font-size:13px; *font-size:small; *font:x-small;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
select, input, textarea {font-size:99%;}
table {font-size:inherit;font:100%;}

.size_11 {font-size:85%;}
.size_12 {font-size:93%;}
.size_14 {font-size:108%;}
.size_15 {font-size:116%;}
.size_16 {font-size:123.1%;}

/* clearfix 
------------------------------------*/
.clearfix:after {
content:'';
display:block;
clear:both;
height:0.01px;
}
.clearfix {
/zoom:1;
}

/* 画像の余白をクリア
------------------------------------*/
img {
font-size:0;
line-height:0;
vertical-align:top;
}

/*  ボックスレイアウト 
------------------------------------*/

body {
color:#333;
background:#fff;
border-top:5px solid #333;
}

div#layout_box {
width:960px;
margin:0px auto;
text-align:left;
border:0px solid #FF0;
}

header {
display:none;
}

#main {
margin:70px 0 40px 120px;
}
#img_area {
float:left;
width:400px;
margin:10px 0px 0 0px;
border:0px solid #666666;
}
#contents_area {
float:right;
width:320px;
margin:10px 100px 0 0px;
border:0px solid #333333;
}

footer {
padding:20px 0 20px 0;
}

/*  パーツレイアウト 
------------------------------------*/
h2 {
margin:0 0 20px 0px;
padding: 2px 0px 2px 8px;
border-color:#B00;
border-width:0 0 0 12px;
border-style:solid;
}

h3.item_name {
border-color:#666;
border-width:0 0 2px 0;
border-style:solid;
font-size:123.1%;

}#contents_area p {
font-size:108%;
line-height:250%;
}
.hiroi {
line-height:200%;
padding:0 0 0 1em;
margin: 10px 20px;
}
.kuromaru {
list-style-type:square;
}
.size {
padding:0 0 0 1em;
margin: 0px 0px;
}
#contents_area img {
margin:20px 0;
padding:0 0 0 0;
}
dl {
margin:4px 0 4px 0;
padding:0 0 0 0;
}
dt {
margin:0 0 0 0;
padding:0 0 0 0;
font-weight:bold;
}
dd {
margin:0 0 20px 0;
padding:0 0 0 1em;
}

#nav li {
float:left;
padding-right:8px;
}

#img_area p {
margin:4px 0 20px 0;
}

.btn_form {
display:block;
width:126px;
padding:5px 10px;
background: #2576d2;
text-shadow:0 -1px 0 rgba(0, 0, 0, 0.4);
     /* 角丸  */
    -webkit-border-radius:8px;
       -moz-border-radius:8px;
         -o-border-radius:8px;
            border-radius:8px;
     /* 影 */
    -webkit-box-shadow: 0px 0px 4px 0px #7c8a93;
       -moz-box-shadow: 0px 0px 4px 0px #7c8a93;
         -o-box-shadow: 0px 0px 4px 0px #7c8a93;
            box-shadow: 0px 0px 4px 0px #7c8a93;
color:#FFF;
font-size:93%;
font-weight:bold;
text-align:center;
text-decoration:none;
}
a.btn_spec:hover {
background: #86c8f2;
    -webkit-transition: all 0.2s ease-in-out;
       -moz-transition: all 0.2s ease-in-out;
         -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
}


/* マウスオーバーで出現する画像の位置 */
#visual_main{
    position: relative;
}
#visual_main img{
    display:block;
}
 
/* マウスオーバーで出現する部分は不可視 */
#visual_main a span{
    display: none;
}
#visual_main a:link,
#visual_main a:visited,
#visual_main a:hover,
#visual_main a:active{display:block;}
 
/* サムネール画像のサイズ */
#visual_main a img{
    width: 100px;
    height: 75px;
}
 
/* マウスオーバーで出現する画像の位置 */
#visual_main a:hover span{
   display:block;
   position:absolute;
   top:0;
   left:0;
}
 
/* マウスオーバーで出現する画像のサイズ */
#visual_main a:hover span img{
    width: 400px;
    height: 319px;
}
 #visual_main li{
    width:100px;
    height:75px;
    float:left;
}


/* =======================
footer
======================= */
footer img.logo{
width: 180px;
float: left;
padding :5px ;
background:#fff;
margin:0 20px 0 120px;
border:0px solid #666666;
}
footer p{
width:380px;
float: right;
margin:6px 40px 0 0;
padding-top:0px;
line-height:150%;
border:0px solid #666666;
}



/*  強調・装飾 
------------------------------------*/
.right{
text-align:right;
}