@charset "shift_jis";

body {

    font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";

    font-size: 12px;

    line-height: 2;

    color: #333333;

    margin: 0px;

    padding: 0px;

    text-align: center;

    background: #FFFFFF url(images/bg.gif);

}



h1,h2,h3,p,ul,li{

    margin: 0px;

    padding: 0px;

}



a{

        color: #660000;

}



a:hover{

        color: #8f3030;

}



ul{

    list-style-type: none;

}



img {

    border: none;

    vertical-align: bottom;

}



p{

    padding: 20px;

}



iframe {

    margin-bottom: 20px;

    margin-top: 10px;

}





table{

    margin-left:auto;

    margin-right:auto;

    margin-top:20px;

    margin-bottom:10px;

    width:90%;

    border-top:1px solid #333333;

    border-left:1px solid #333333;

}







tr{

margin:0;

padding:0;

}











th{

    padding:5px;

    border-right:1px solid #333333;

    border-bottom:1px solid #333333;

    font-weight:normal;

    text-align:center;

    background-color:#ffebec;

}







td{

    padding:5px;

    border-bottom:1px solid #333333;

    border-right:1px solid #333333;

    text-align:left;

}







/*コンテナー（ＨＰ全体を囲う枠。幅と中央寄せの設定。）

------------------------------------------------------------------*/

#container {

    text-align: left;

    width: 810px;

    margin-right: auto;

    margin-left: auto;

}





/*ヘッダー（ロゴがあるところ）

------------------------------------------------------------------*/

#header {

    width: 810px;

    margin-right: auto;

    margin-left: auto;

}



#header h1 {

    left: 10px;

        font-size: 12px;

}



#header a {

    float:left;

    font-size:36px;

    height:38px;

    line-height:38px;

    margin-top:10px;

    margin-left:10px;

    margin-bottom: 5px;

    color:#3e3a39;

    text-decoration:none;

}





/*メイン写真

------------------------------------------------------------------*/

#main_image {

        widows:810px;

    font-size: 18px;

        margin-top:5px;

    height: 270px;

        background:url(images/main_img.jpg);　/* 色変更箇所*/

}



#site_title{

        padding-top:100px;

        padding-left:50px;

    font-size: 40px;

        font-weight:bold;

}



#site_title a {

color:#FFFFFF;

text-decoration:none;

}



/*コンテンツ（メインメニューとメインコンテンツの背景を指定。）

------------------------------------------------------------------*/

#contents {　/* 色変更箇所*/

        width: 804px;

        margin-top:5px;

        padding-top:10px;

        background-color:#f2f2f2;

        border-top:1px solid #999999;

        border-left:1px solid #999999;

        border-right:1px solid #999999;

        border-bottom:1px solid #999999;

        padding-bottom:20px;

}



/*メインメニュー（ＨＰ左側の縦にならんだメニュー）

------------------------------------------------------------------*/

#menu_area {

    float: left;

    width: 230px;

        padding-left:10px;

    text-align: center;

}



div#menu_area ul  {

    float: left;

    width: 230px;



}

div#menu_area li {

        font-size:14px;

        height:30px;

        margin-bottom: 0px;

        font-weight: bold;

        display:block;

}



div#menu_area li a {

        background-image:url(images/menu.png);

        background-position:center top;

        background-repeat:no-repeat;

        display:block;

        text-decoration:none;

        text-align:center;

        width:230px;

        height:30px;

        line-height:28px;

        color:#444444;

}



div#menu_area li a:hover {

    background-image:url(images/menu_over.png);

    background-position:center top;

    background-repeat:no-repeat;

        display:block;

        text-decoration:none;

        text-align:center;

    width:230px;

    height:30px;

        line-height:28px;

        color:#666666;

}





#menu_area{

        width:230px;

}





/*おすすめサイト

------------------------------------------------------------------*/



#menu_area h2 {

        font-size:12px;

    color: #ffffff;

    line-height: 30px;

        text-align:center;

    background: url(images/pickup_title.png) no-repeat left bottom;

        margin:10px 0 0 0;

        text-shadow:#bd465d 1px 1px;

}





.pickup_area {

    background: #ffffff;

        padding-top:5px;

        margin-top:5px;

        border:#DDDDDD 1px solid;

}





.pickup_title {

    background: #eeeeee;

    border: 1px dotted #cbc9c8;

    line-height: 1;

    margin: 5px;

    padding: 5px 10px;

    font-weight: bold;

}



.pickup_text{

text-align:left;

padding: 0px 10px;

}





/*メインコンテンツ（ＨＰの文章が入っている部分）

------------------------------------------------------------------*/



#main {

    float: left;

    width: 540px;

    display: inline;

    margin-left: 10px;

}



.main_back {

        margin: 5px 0 0 0;

    width: 540px;

    background: url(images/main_back.png) repeat-y left;

}



#main h2 {

width:540px;

    font-size: 110%;

    color: #333333;

    line-height: 30px;

    padding-left: 25px;

    background: url(images/midashi.gif) no-repeat left bottom;

}



/* コラム

------------------------------------------------------------------*/

#colum {

    float: left;

    width: 242px;

    text-align: center;

}



.main_back_colum {

        margin-top:5px;

        padding: 10px 0 10px 0;

    width: 540px;

    background: url(images/main_back.png) repeat-y left;

}



table.table_colum {

    margin-left:auto;

    margin-right:auto;

    width:500px;

padding:0;

    border:none;

}



tr.table_colum  {

margin:0;

padding:0;

}



td.table_colum  {

    padding:5px;

    margin:0;

    border:none;

    text-align:center;

}



ul#colum li {

        float:left;

        font-size:12px;

        height:38px;

        line-height:38px;

        margin-left:5px;

        margin-bottom: 5px;

        font-weight: bold;

}



ul#colum a {

        background-image:url(images/colum.gif);

        background-position:center top;

        background-repeat:no-repeat;

        display:block;

        overflow:hidden;

        text-align:center;

        text-decoration:none;

        width:232px;

        height:38px;

}



ul#colum a:hover {

    background-image:url(images/colum_over.gif);

    background-position:left bottom;

    background-repeat:no-repeat;

    width:232px;

    height:38px;

}



#new{

        margin:0;

        padding:10px 0 0 0;

}



#new dl,dt{

    margin-left: 20px;

}



#new dd{

    margin-left: 40px;

}











/*サイトマップ

------------------------------------------------------------------*/



#sitemap {

        padding-top:10px;

        padding-left:10px;

}



ul#sitemap li {

        padding:0 0 10px 0;

}

/*フッター

------------------------------------------------------------------*/

#footer {

    height: 40px;

    text-align: center;

    clear: both;

        margin-top:20px;

        margin-bottom:10px;

}





/*clearfix

------------------------------------------------------------------*/

#contents:after {

        content: ".";

        display: block;

        height: 0;

        clear: both;

        visibility: hidden;

}



#contents { display: inline-block; }



/* Hides from IE-mac \*/

*html #contents { height: 1%; }

#contents { display: block; }

/* End hide from IE-mac */