@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 {
width:740px;
margin:0px auto;
}
header h1 {
display:none;
}
header h2 {
display:none;
}

#main {
margin:20px 0 40px 0px;
}
#contents_area {
width:740px;
margin:0 0 0 120px;
border:0px solid #333333;
}

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

/*  パーツレイアウト 
------------------------------------*/
#contents_area h2 {
margin:0 0 20px 0px;
padding: 2px 0px 2px 8px;
border-color:#B00;
border-width:0 0 0 12px;
border-style:solid;
}
h3.event {
width:700px;
margin:0 0 20px 0px;
padding: 0 0px 0px 0px;
border-color:#333;
border-width:0 0 2px 0;
border-style:solid;
font-size:123.1%;
}

#contents_area p {
width:440px;
margin:10px 0 24px 0;
font-size:108%;
line-height:200%;
}
.hiroi {
line-height:200%;
padding:0 0 0 1em;
margin: 0px 20px;
}
.kuromaru {
list-style-type:square;
}
.kome {
font-weight: normal;
}
#contents_area img {
float:right;
margin:0 50px 0 0;
padding:0 0 0 0;
}
ul {
margin:0px 0 4px 0;
padding:0 0 0 0;
}
li {
margin:0 0 0 0;
padding:0 0 0 0;
line-height:200%;
font-size:108%;
}

.btn_spec {
display:block;
width:126px;
margin:0px auto;
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;
}
.btn_sold {
display:block;
width:126px;
margin:0px auto;
padding:5px 10px;
background: #bec7cd;
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 #72787b;
       -moz-box-shadow: 0px 0px 4px 0px #72787b;
         -o-box-shadow: 0px 0px 4px 0px #72787b;
            box-shadow: 0px 0px 4px 0px #72787b;
color:#FFF;
font-size:93%;
font-weight:bold;
text-align:center;
text-decoration:none;
}

/* マウスオーバーで出現する画像の位置を指定するときに基点となる */
#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: 200px;
    height: 100px;
}
 
/* マウスオーバーで出現する画像の場所を指定 */
#visual_main a:hover span{
   display:block;
   position:absolute;
   top:0;
   left:0;
}
 
/* マウスオーバーで出現する画像のサイズ */
#visual_main a:hover span img{
    width: 940px;
    height: 295px;
}
 
#visual_main li{
    width:200px;
    height:100px;
    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;
}
.bold{
font-weight:bold;
}