@charset "utf-8";
/*\*/
@import "common.css";
@import "lightbox.css";

/*===========================================================
メディア
===========================================================*/

#media{
padding:0 15px;
}

#media table{
border-collapse:collapse;
border:1px solid #ccc;
margin:10px 0;
padding:0;
background:url(../media/img/calendar_bg.gif) repeat-y;
clear:both;
}

#media table th{
border:1px solid #ccc;
width:100px;
empty-cells:show;
text-align:center;
height:1.8em;
color:#fff;
background-color:#2560a2;
}

#media table td{
border:1px solid #ccc;
width:100px;
empty-cells:show;
vertical-align:top;
height:100px;
font-size:90%;
padding-bottom:1px;
}

#media table td p{
padding: 3px 0.5em;
font-size:110%;
background:#eff5fc url(../media/img/day_bg.gif) top repeat-x;
}

#media table td.today{
background-color:#fff8d1;
}

#media table td.today p{
font-weight:bold;
background: #fff2ad;
color:#6f6118;
}

caption span{
font-size:160%;
color:#2560a2;
font-weight:bold;
}

/*カテゴリーメニュー
-----------------------*/
#content ul.submenu ul.category{
float:left;
width:453px;
margin:-2px 0 0 5px;
text-align:left;
}

#content ul.submenu ul.category li{
float:left;
border:none;
margin:0;
padding:0;
text-align:left;
}

#content ul.submenu ul.category li a{
display:block;
height:25px;
background:url(../media/img/media_category.jpg) no-repeat;
text-indent:-9999px;
}

#content ul.submenu ul.category li.category1 a{
width:61px;
}

#content ul.submenu ul.category li.category2 a{
width:61px;
background-position:-61px 0;
}

#content ul.submenu ul.category li.category3 a{
width:89px;
background-position:-122px 0;
}

#content ul.submenu ul.category li.category4 a{
width:68px;
background-position:-211px 0;
}

#content ul.submenu ul.category li.category5 a{
width:68px;
background-position:-279px 0;
}

#content ul.submenu ul.category li.category6 a{
width:53px;
background-position:-347px 0;
}

#content ul.submenu ul.category li.category7 a{
width:53px;
background-position:-400px 0;
}

#content ul.submenu ul.category li.category1 a:hover{
background-position:0 -25px;
}

#content ul.submenu ul.category li.category2 a:hover{
background-position:-61px -25px;
}

#content ul.submenu ul.category li.category3 a:hover{
background-position:-122px -25px;
}

#content ul.submenu ul.category li.category4 a:hover{
background-position:-211px -25px;
}

#content ul.submenu ul.category li.category5 a:hover{
background-position:-279px -25px;
}

#content ul.submenu ul.category li.category6 a:hover{
background-position:-347px -25px;
}

#content ul.submenu ul.category li.category7 a:hover{
background-position:-400px -25px;
}

/*カテゴリー表示設定
-----------------------*/
table ul li.categorys_1 a,
table ul li.categorys_2 a,
table ul li.categorys_3 a,
table ul li.categorys_4 a,
table ul li.categorys_5 a,
table ul li.categorys_6 a,
table ul li.categorys_7 a{
color:#fff;
display:block;
margin:1px 1px 0 1px;
padding:3px;
text-decoration:none;
font-size:92%;
}

table ul li.categorys_1 a:visited,
table ul li.categorys_2 a:visited,
table ul li.categorys_3 a:visited,
table ul li.categorys_4 a:visited,
table ul li.categorys_5 a:visited,
table ul li.categorys_6 a:visited,
table ul li.categorys_7 a:visited{
color:#fff;
}


table ul li.categorys_1 a{
background:#ff863d;
border:1px solid #ff6000;
}

table ul li.categorys_2 a{
background:#3d3db1;
border:1px solid #000099;
}

table ul li.categorys_3 a{
background:#d0b645;
border:1px solid #c19f0a;
}

table ul li.categorys_4 a{
background:#7fc749;
border:1px solid #57b610;
}

table ul li.categorys_5 a{
background:#a8a8a8;
border:1px solid #8d8d8d;
}

table ul li.categorys_6 a{
background:#57beb1;
border:1px solid #22aa99;
}

table ul li.categorys_7 a{
background:#ad7aec;
border:1px solid #9350e6;
}


table ul li.categorys_1 a:hover{
color:#ff6000;
background-color:#ffd7bf;
}

table ul li.categorys_2 a:hover{
color:#000099;
background-color:#bfbfe5;
}

table ul li.categorys_3 a:hover{
color:#c19f0a;
background-color:#f5ebbf;
}

table ul li.categorys_4 a:hover{
color:#57b610;
background-color:#d5edc3;
}

table ul li.categorys_5 a:hover{
color:#8d8d8d;
background-color:#e6e6e6;
}

table ul li.categorys_6 a:hover{
color:#22aa99;
background-color:#c8eae5;
}

table ul li.categorys_7 a:hover{
color:#9350e6;
background-color:#e4d3f9;
}

/*詳細記事設定
--------------------------------------*/

#media_detail{
margin:0 8px;
}

#media_detail dl{
margin:8px 10px;
text-align:left;
background:url(../img/hr_x.gif) repeat-x bottom;
padding-bottom:5px;
}

#media_detail dl dd h3{
padding-left:5px;
}


#media_detail dl dd h3.category1{
border-left:5px #ff6000 solid;
}

#media_detail dl dd h3.category2{
border-left:5px #000099 solid;
}

#media_detail dl dd h3.category3{
border-left:5px #c19f0a solid;
}

#media_detail dl dd h3.category4{
border-left:5px #57b610 solid;
}

#media_detail dl dd h3.category5{
border-left:5px #8d8d8d solid;
}

#media_detail dl dd h3.category6{
border-left:5px #22aa99 solid;
}

#media_detail dl dd h3.category7{
border-left:5px #9350e6 solid;
}

#media_detail .list{
clear:both;
background:url(../img/hr_x.gif) repeat-x top;
padding-top:5px;
}

#media_detail .list dl:after{
content : "";
display : block;
height : 0;
clear : both;
}

#media_detail div.list:first-child{
background-color:#CC3300;
}

#media .list dl{
background:none;
}

#media_detail dl dt{
color:#666;
margin-bottom:3px;
}

#media_detail dl dd {
margin-bottom:3px;
line-height:150%;
}

#media_detail dl dd h3 {
font-size:120%;
font-weight:bold;
line-height:130%;
display: block;
color:#2560a2;
}


#media_detail p{
margin:0 10px;
line-height:150%;
}


#media_detail #detail{
clear:both;
margin-bottom:5px;
}

/*関連情報
-------------------------*/
#related dl{
clear:both;
background:none;
padding-top:5px;
}

#related dt{
color:#333;
clear:both;
margin-top:0.5em;
}

#related dd{
margin-left:2em;
}

/*写真表示設定
-------------------------*/

#media_detail .photo{
width:724px;
clear:both;
margin:5px 0;
}

#media_detail .photo img{
clear:none;
margin:0 1px 1px 0;
display:inline;
}

#media_detail .left{
display:inline;
float:left;
width:181px;
}

#media_detail .right{
display:inline;
float:right;
width:181px;
}