@import url("base.css");
@charset "Shift_JIS";


/* ------------------------------
 アイキャッチ
------------------------------ */

img#catch {
 position:absolute;
 top:25px;
 left:-15px;
 width:784px;
 height:265px;
}

#contents {
 background-image:url(../images/index_catch.jpg);
 background-repeat:no-repeat;
 background-position:center 26px;
 padding-top:330px;
}

/* ------------------------------
 新着情報、ピックアップ
 (id="con" コンテンツ内容部分）
------------------------------ */

hr {
 display:none;
}

div#c div#co div#con {
 width:730px;
 margin:30px 12px 30px 12px;
 position:relative;
 clear:both;
}

div#c div#co div#con p {
 font-size:16px;
 line-height:130%;
 font-family:Verdana,Arial,sans-serif,Helvetica,"ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック";
 color:#666;
}

/* ------------------------------
 新着情報
 (id="news" ）
------------------------------ */

#contents #news {
 width:402px;
 height:auto;
 border-left:1px solid #6CAD43;
 border-right:1px solid #6CAD43;
 border-bottom:2px solid #6CAD43;
 float:left;
 margin:0 0 20px 0;
}

#contents #news h2 {
 width:402px;
 height:24px;
 background-image:url(../images/inttop_h3.jpg);
 text-indent:20px;
 overflow:hidden;
 font-size:17px;
 margin:0;
 padding:0px 0 0 0;
 color:#fff;
}

#contents #news li {
 width:402px;
 height:15px;
 border-top:2px solid #6CAD43;
 font-size:15px;
 line-height:100%;
 padding:8px 0 8px 0;
 margin:0;
 text-indent:10px;
}

#contents #news #news_his {
 width:392px;
 padding:20px 0 20px 10px;
 text-indent:50px;
}

/* ------------------------------
 ピックアップ
 (id="pick" ）
------------------------------ */

#contents #pick {
 width:328px;
 float:right;
 height:auto;
 min-height:280px;
 border-left:1px solid #6CAD43;
 border-right:1px solid #6CAD43;
 border-bottom:2px solid #6CAD43;
 margin:0 0 20px 0;
}

#contents #pick p {
 margin:5px 10px 10px 10px;

}

#contents #pick h2 {
 width:328px;
 height:24px;
 background-image:url(../images/inttop_h3.jpg);
 text-indent:20px;
 overflow:hidden;
 font-size:17px;
 margin:0;
 padding:0px 0 0 0;
 color:#fff;
}

#contents #pick img {
 width:120px;
 float:right;
 margin:10px;
}

#contents #pick .int_bot {
display:block;
height:31px;
width:137px;
margin:0 15px 5px 0;
line-height:100%;
float:right;
}

#pick .int_bot {
background-image:url(../images/inttop_menu0.jpg);
display:block;
width:137px;
height:31px;
text-indent:-9999px;
background-position:0 0;
overflow:hidden;
}
#pick a:hover.int_bot {
background-position:0 -31px;
}
#pick a:active.int_bot {
background-position:0 -62px;
}

/* ------------------------------
 About SMPY
 (id="smpy" ）
------------------------------ */

#smpy {
 clear:both;
 width:752px;
 min-height:200px;
 height:auto;
 padding:0px 0 0 0;
 margin:0;
 border-left:1px solid #6CAD43;
 border-right:1px solid #6CAD43;
 border-bottom:2px solid #6CAD43;
}

#contents #smpy h2 {
 width:752px;
 height:24px;
 background-image:url(../images/inttop_h3.jpg);
 text-indent:20px;
 overflow:hidden;
 font-size:17px;
 margin:0 0 10px 0;
 padding:0px 0 0 0;
 color:#fff;
}

div#smpy p {
 margin:0 15px 10px 15px;
 font-size:85%;
 line-height:130%;
}
div#smpy_b {
 width:676px;
 height:21px;
 margin:0 auto 20px auto;
 background-image:url(../img/top_bottom_l.gif);
 background-repeat:no-repeat;
}