@charset "Shift_JIS";

/*
html ----------------------------------------------------------------*/

html * {
box-sizing: border-box;
margin: 0px;
padding: 0px;
font-family:Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"
}


body {
color:#333333;
margin:0;
padding:0px;
text-align:center;
font-size: 16px;
/*\*/
_font-size: 100%;
/**/

}
a{ text-decoration:underline;}
a:link{ color:#0066CC;text-decoration:underline;}
a:visited{color:#0066CC;text-decoration:underline;}
a:active{color:#6699cc;text-decoration:none;}
a:hover{color:#6699cc;text-decoration:none;}


img {
border:none;
vertical-align:top;
}


input, select, textarea {
font-size: 14px;
padding:2px;
}

ul, ol {
list-style: none;
}

/*
html ----------------------------------------------------------------*/


/*
モジュール ----------------------------------------*/

.clear{
clear:both;
height:1px;
margin:-1px 0 0 0;
font-size:1px;
}

/*
モジュール ----------------------------------------*/



/*------------------------------------ share ALL Page --*/


/*--ボディー定義 */

#wrapper{
width:980px;
margin:0 auto;
padding:0;
padding:0 0 30px 0;
}

#wrapper:after{
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}



/* header
------------------------------------------------------ */


#header{ 
width:980px; 
background: url(http://mediasabor.jp/images/header_back.gif) top left; 
height:101px; 
text-align:left;
}
#header:after{
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}

h1{float:left;}
h2{float:left;}

.header_right{ float:left; width:280px;}
.header_right_search{ height:47px; }
.header_right_search p{ font-size:12px; padding:6px 0 0 0; _padding:6px 0 6px 0;}
.header_search_form{ height:18px; width:188px; font-size:12px; _font-size:14px; padding:0; }
.header_search_botton{ * vertical-align:bottom; vertical-align:middle; * margin:0 0 0 5px;}

.header_right_banner{ height:56px;}


/* header
------------------------------------------------------ */


/* menu01
------------------------------------------------------ */


#menu01{
margin:0 0 0 0;
padding:0;
height:23px;
clear:both;
}
#menu01 ul{
list-style:none;
}
#menu01 li{
margin:0 0 1px 0;
font-size:1px;
text-indent:-99999px;
line-height:0;
overflow: hidden;
float:left;
width:140px;
height:23px;
}

#menu01 li.contents_menu_01 a{ display:block; background: url(http://mediasabor.jp/images/menu_01.gif) no-repeat top left;width:140px;height:23px;}
#menu01 li.contents_menu_02 a{ display:block; background: url(http://mediasabor.jp/images/menu_02.gif) no-repeat top left;width:140px;height:23px;}
#menu01 li.contents_menu_03 a{ display:block; background: url(http://mediasabor.jp/images/menu_03.gif) no-repeat top left;width:140px;height:23px;}
#menu01 li.contents_menu_04 a{ display:block; background: url(http://mediasabor.jp/images/menu_04.gif) no-repeat top left;width:140px;height:23px;}
#menu01 li.contents_menu_05 a{ display:block; background: url(http://mediasabor.jp/images/menu_05.gif) no-repeat top left;width:140px;height:23px;}
#menu01 li.contents_menu_06 a{ display:block; background: url(http://mediasabor.jp/images/menu_06.gif) no-repeat top left;width:140px;height:23px;}
#menu01 li.contents_menu_07 a{ display:block; background: url(http://mediasabor.jp/images/menu_07.gif) no-repeat top left;width:140px;height:23px;}
#menu01 li.contents_menu_01 a:hover{	background-position:left -23px;	}	
#menu01 li.contents_menu_02 a:hover{	background-position:left -23px;	}	
#menu01 li.contents_menu_03 a:hover{	background-position:left -23px;	}	
#menu01 li.contents_menu_04 a:hover{	background-position:left -23px;	}	
#menu01 li.contents_menu_05 a:hover{	background-position:left -23px;	}	
#menu01 li.contents_menu_06 a:hover{	background-position:left -23px;	}	
#menu01 li.contents_menu_07 a:hover{	background-position:left -23px;	}	



/* menu01
------------------------------------------------------ */

/* menu02
------------------------------------------------------ */


#menu02{
margin:-1px 0 0 0;
padding:0;
height:30px;
clear:both;
}
#menu02 ul{
list-style:none;
}
#menu02 li{
margin:0 0 1px 0;
font-size:1px;
text-indent:-99999px;
line-height:0;
overflow: hidden;
float:left;
}

#menu02 li.category_menu_01 a{
display:block;
background: url(http://mediasabor.jp/images/category_menu_01.gif) no-repeat top left;
background-position:left top;
width:123px;
height:30px;
}
#menu02 li.category_menu_02 a{
display:block;
background: url(http://mediasabor.jp/images/category_menu_02.gif) no-repeat top left;
background-position:left top;
width:123px;
height:30px;
}
#menu02 li.category_menu_03 a{
display:block;
background: url(http://mediasabor.jp/images/category_menu_03.gif) no-repeat top left;
background-position:left top;
width:122px;
height:30px;
}
#menu02 li.category_menu_04 a{
display:block;
background: url(http://mediasabor.jp/images/category_menu_04.gif) no-repeat top left;
background-position:left top;
width:123px;
height:30px;
}
#menu02 li.category_menu_05 a{
display:block;
background: url(http://mediasabor.jp/images/category_menu_05.gif) no-repeat top left;
background-position:left top;
width:122px;
height:30px;
}
#menu02 li.category_menu_06 a{
display:block;
background: url(http://mediasabor.jp/images/category_menu_06.gif) no-repeat top left;
background-position:left top;
width:122px;
height:30px;
}
#menu02 li.category_menu_07 a{
display:block;
background: url(http://mediasabor.jp/images/category_menu_07.gif) no-repeat top left;
background-position:left top;
width:123px;
height:30px;
}
#menu02 li.category_menu_08 a{
display:block;
background: url(http://mediasabor.jp/images/category_menu_08.gif) no-repeat top left;
background-position:left top;
width:122px;
height:30px;
}
#menu02 li.category_menu_01 a:hover{	background-position:left -30px;	}	
#menu02 li.category_menu_02 a:hover{	background-position:left -30px;	}	
#menu02 li.category_menu_03 a:hover{	background-position:left -30px;	}	
#menu02 li.category_menu_04 a:hover{	background-position:left -30px;	}	
#menu02 li.category_menu_05 a:hover{	background-position:left -30px;	}	
#menu02 li.category_menu_06 a:hover{	background-position:left -30px;	}	
#menu02 li.category_menu_07 a:hover{	background-position:left -30px;	}	
#menu02 li.category_menu_08 a:hover{	background-position:left -30px;	}	


/* menu01
------------------------------------------------------ */



/* contents
------------------------------------------------------ */

#wrapper_innner{ width:980px; margin:15px 0 15px 0; }



#contents{
clear:both;
width:790px;
margin:0 10px 0 0;
float:left;
}


/* left
----------------------------- */

#left{ float:left; width:180px; margin:0 10px 0 0; }


/*
メニュー関係共通定義---*/

.menu_title{ border-bottom:1px solid #ffffff; }
.menu_footer{ font-size:1px; padding:5px 0 0 0; }


/* category
-------------- */

#category{ width:180px; background:#F3F4F5; margin:10px 0 0 0; text-align:left;}

#category ul{ width:180px; }
#category li{ 
background:url(http://mediasabor.jp/images/category_Left_menu_back.gif) no-repeat left bottom; 
color:#0C2946;
font-size:12px;
display:block;
padding:5px 5px 5px 17px;
}
#category li a{ display:block; text-decoration:none; color:#0C2946;}
#category li a:hover{ text-decoration:underline; color:#0C2946;}

#category li.business{ background:url(http://mediasabor.jp/images/category_Left_menu_back_on.gif) no-repeat bottom left;} 
#category li.sub{ 
background:url(http://mediasabor.jp/images/category_Left_Submenu_back.gif) no-repeat left bottom; 
padding:5px 5px 5px 34px;
}

/* back number
-------------- */

#backNumber{ width:180px; background:#F3F4F5; margin:10px 0 0 0; text-align:left;}

#backNumber ul{ width:160px; _width:180px; padding:0 10px 0 10px;}
#backNumber li{ 
background: url(http://mediasabor.jp/images/pickup_back.gif) no-repeat left 50%;  
color:#0066CC;
font-size:12px;
display:block;
padding:5px 5px 5px 13px;
border-bottom:1px dotted #BBCAD9;
}
#backNumber li a{ display:block; text-decoration:none; color:#0066CC;}
#backNumber li a:hover{ text-decoration:underline; color:#0066CC;}


/* news
-------------- */

#news{ width:180px; background:#F0EFE5; margin:10px 0 0 0; text-align:left;}
.news_head{ font-size:1px;}

#news dl{ margin:0; padding:0; font-size:75%; }
#news dt{ color:#547701; font-weight:bold; padding:13px 0 7px 15px; }
#news dd{ background:url(http://mediasabor.jp/images/news_back.gif) no-repeat left bottom; color:#4A4A4A; padding:0 0 10px 15px; line-height:1.5em; }





/* (center) print_header
----------------------------- */

#print_header{ float:left; width:600px; display:none; }




/* main
----------------------------- */

#main{ width:600px; float:left; }



/* main共通定義
----------------------------- */
.main_block_title{ font-size:1px; clear:both; width:600px;}
.main_block_foot{ font-size:1px; clear:both; width:600px;}
.main_block_body{ width:575px; margin:15px 10px 5px 15px; padding:0 0 10px 0; border-bottom:1px solid #D3D3D3;}
.main_block_body:after{
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}
p.date{ font-weight:bold; margin:0 10px 10px 0; float:left;}
p.category_in{ background-color:#990000; font-size:10px; font-weight:bold; color:#FFFFFF; padding:1px 2px 1px 2px; margin:0 10px 10px 0; float:left;}
h3{ font-size:100%; font-weight:bold; color:#0066CC; margin:0 0 14px 0; clear:both;}
h3 a{ color:#0066CC; text-decoration:underline;}
h3 a:hover{ text-decoration:none; color:#0066CC;}
.mainPage{ float:left; margin:0 14px 15px 0;}
.more{ 
background:url(http://mediasabor.jp/images/more_link_mark.gif) no-repeat left 45%; 
margin:4px 0 0 0; 
float:right;
padding:0 4px 0 10px;
font-size:75%;
}
.more a{ text-decoration:none;}
.profile_tag{ clear:right; float:right;padding:5px 10px 5px 0; font-size:75%; }
.profile_tag a{ text-decoration:none;}



/* Daily
----------------------------- */

#daily{ width:600px; background:#F3F4F5; margin:0; text-align:left;}
#daily p{ font-size:75%; line-height:1.6em; padding:0 0 5px 0; word-break:break-all;}


/* Weekly
----------------------------- */

#weekly{ width:600px; background:#F3F4F5; margin:10px 0 0 0; text-align:left;}
#weekly p{ font-size:75%; line-height:1.6em; padding:0 0 5px 0; word-break:break-all;}


/* 編集後記
----------------------------- */

#postscript{ width:600px; background:#F3F4F5; margin:10px 0 0 0; text-align:left;}
#postscript p{ font-size:75%; line-height:1.6em; padding:0 0 5px 0; word-break:break-all;}







/* amazon
----------------------------- */

#amazon{ width:600px; background:url(http://mediasabor.jp/images/body_amazonBlock_back.gif) repeat-y; margin:10px 0 0 0; text-align:left;}
.amazon_head{ font-size:1px; clear:both; width:600px;}
.amazon_foot{ font-size:1px; clear:both; width:600px;}

.amazonLeft{ margin:10px 0 10px 5px ; float:left; width:180px;}
.amazonRight{ margin:10px 10px 10px 5px; float:right; width:380px;}
#amazon ul{ width:190px; _width:190px; padding:0; float:left;}
#amazon li{ 
color:#0066CC;
font-size:12px;
display:block;
padding:2px 5px 2px 0;
}
#amazon li a{ display:block; text-decoration:none; color:#0066CC;}
#amazon li a:hover{ text-decoration:underline; color:#0066CC;}








/* contents
------------------------------------------------------ */





/* right
------------------------------------------------------ */


#right{
float:right;
width:180px;
margin:0;
}


/* mailMagazine
-------------- */

#mailmagazine{ width:180px; background:#F3F4F5; margin:10px 0 0 0; text-align:left;}

#mailmagazine table{ margin:0; padding:0; width:180px; }
#mailmagazine th{ width:60px; font-size:12px; padding:4px; text-align:left; font-weight:normal;}
#mailmagazine td{ width:110px; padding:5px; }
.mailmagazine_form{ width:100px;　_width:110px; height:18px; font-size:12px;}
#mailmagazine p{
background:url(http://mediasabor.jp/images/mailmagazine_txt_back.gif) no-repeat left bottom; 
font-size:12px; 
line-height:1.4em; 
clear:both;
padding:7px;
}
.mailmagazine_submit{ text-align:center; clear:both; padding:4px;}



/* pick up
-------------- */

#pickUp{ width:180px; background:#F3F4F5; margin:10px 0 0 0; text-align:left;}

#pickUp ul{ width:160px; _width:180px; padding:0 10px 0 10px;}
#pickUp li{ 
background: url(http://mediasabor.jp/images/RecentEntry_back.gif) no-repeat left top;
color:#0066CC;
font-size:12px;
display:block;
padding:5px 5px 5px 13px;
border-bottom:1px dotted #BBCAD9;
}
#pickUp li a{ display:block; text-decoration:none; color:#0066CC;}
#pickUp li a:hover{ text-decoration:underline; color:#0066CC;}



/* Recent Entry
-------------- */

#recentEntry{ width:180px; background:#F3F4F5; margin:10px 0 0 0; text-align:left;}

#recentEntry ul{ width:160px; _width:180px; padding:0 10px 0 10px;}
#recentEntry li{ 
background: url(http://mediasabor.jp/images/RecentEntry_back.gif) no-repeat left top;  
color:#0066CC;
font-size:12px;
display:block;
padding:5px 5px 5px 13px;
border-bottom:1px dotted #BBCAD9;
}
#recentEntry li a{ display:block; text-decoration:none; color:#0066CC;}
#recentEntry li a:hover{ text-decoration:underline; color:#0066CC;}



/* RSS
-------------- */

#rss{ width:180px; background: url(http://mediasabor.jp/images/rss_body_back.gif) repeat-y; margin:10px 0 0 0; text-align:left;}

#rss p{ 
font-size:12px; 
line-height:1.4em; 
clear:both;
padding:7px 0 7px 0;
border-bottom:1px dotted #BBCAD9;
width:160px;
margin:0 10px;
}
#rss ul{ width:160px; _width:180px; padding:0 10px 0 10px;}
#rss li{ 
background: url(http://mediasabor.jp/images/RecentEntry_back.gif) no-repeat left top;  
color:#0066CC;
font-size:12px;
display:block;
padding:5px 5px 5px 13px;
font-family: "MS UI Gothic", "ＭＳ Ｐゴシック";
}
#rss li a{ display:block; text-decoration:none; color:#0066CC; font-family: "MS UI Gothic", "ＭＳ Ｐゴシック";}
#rss li a:hover{ text-decoration:underline; color:#0066CC;}




/* right
------------------------------------------------------ */




/* スクウェアバナー共通定義
------------------------------------------------------ */

.banner_block{ width:180px; background:url(http://mediasabor.jp/images/body_bannerBlock_back.gif) repeat-y;}
.banner_blockHead{ width:180px; font-size:1px; }
.banner_blockBody{ width:180px; }
.banner_blockFoot{ width:180px; font-size:1px; }

.banner_block:after{
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}
.banner_blockBody img{ margin:5px 0 5px 0;}
.banner_blockBody p{ 
margin:0 10px 2px 10px; 
font-size:75%; 
line-height:1.4em; 
color:#0066CC;
text-align:left;
font-family: "MS UI Gothic", "ＭＳ Ｐゴシック";
}

.banner_block_2{ width:180px; background:url(http://mediasabor.jp/images/body_bannerBlock_back.gif) repeat-y; margin:10px 0 0 0;}

/* スクウェアバナー共通定義
------------------------------------------------------ */



/* bottom
------------------------------------------------------ */

#bottom{ width:960px;_width:980px; clear:both; padding:10px; margin:10px 0 0 0; background:#F3F4F5; }





/* footer
------------------------------------------------------ */

#footer{ width:980px; height:80px; clear:both; margin:10px 0 0 0; }
.footer_bar{ font-size:1px; }
.copyright{ float:left; width:301px;}
.footer_menu{ float:left; width:679px; text-align:right;}
.footer_menu ul{ margin:5px 0 0 0; }
.footer_menu li{ display:inline; font-size:12px; color:#0066CC; font-family: "MS UI Gothic", "ＭＳ Ｐゴシック";}
.footer_menu li a{ text-decoration:underline; color:#0066CC;font-family: "MS UI Gothic", "ＭＳ Ｐゴシック";}
.footer_menu li a:hover{ text-decoration:none;}










/*------------------------------------ share ALL Page --*/




/*------------------------------------ Contents Page --*/


/* カテゴリー・アーカイブ
------------------------------------------------------ */

#categoryArchives{ width:600px; background:#F3F4F5; margin:0; text-align:left;}
#categoryArchives p{ font-size:75%; line-height:1.6em; padding:0 0 5px 0; word-break:break-all;}

.categoryArchives_title{ width:500px; font-size:20px; font-weight:bold; margin:20px 0 20px 10px; color:#0066CC;}
#categoryArchives ul{ margin:0 10px 10px 10px;}
#categoryArchives li{ font-size:75%; line-height:1.4em; display:inline;margin:0 10px 0 0;}
#categoryArchives li a{ color:#0066CC;}