/* ----- 共通の設定 -----*/

body {
	margin:0;
	padding:0;
	font-size:1em;
	line-height:170%;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	color:#333;
	}

img{ 
	border:0; 
	}

h1,h2,h3,h4,p,ul,ol,li,img,form{ 
	margin:0; padding:0; 
	}

li{ 
	list-style-type:none; 
	}

a:link { 
	text-decoration:none; 
	background:url(../images/dotline.gif) repeat-x left bottom; 
	color:#03F; 
	}
a:visited { 
	text-decoration:none; 
	background:url(../images/dotline.gif) repeat-x left bottom; 
	color:#03F; 
	}
a:active { 
	text-decoration:none; 
	background:url(../images/dotline.gif) repeat-x left bottom; 
	color:#03F; 
	}
a:hover { 
	text-decoration:none; 
	background:url(../images/dotline2.gif) repeat-x left bottom; 
	color:#f00; 
	}

small{ 
	font-size:0.75em;
	line-height:150%;
	}

a.noborder { 
	text-decoration:none; 
	background:none; 
	}


.clear{clear:both;}

hr{display:none; visibility:hidden; clear:both;}

#wrapper{
	width:960px;
	margin:0 auto;
	margin-bottom:12px;
	padding-bottom:12px;
	}



/* ----- 画像にマウスオーバーしたときの設定 -----*/

/* -- モジュール --*/
#top_mainimg a:hover img, #osusume a:hover img {  
    margin: -2px;  
    padding: 1px;  
    border: solid 1px #69f;  
	}  
  
/* for IE6 */  
* html #top_mainimg a:hover, #osusume a:hover {  
    zoom: 1;  
	}  
    * html #top_mainimg a:hover img, #osusume a:hover img {  
        /* for BackCompat mode 
            margin-left: -4px; 
            margin-right: -4px; 
        over here */  
        float: left;  
        position: relative;  
		background:none;
    	}  

/* -- ヘッダメニュー --*/
#headmenu a:hover img {  
    margin-bottom: -1px;  
    border-bottom: solid 1px #69f;  
	}  
  
/* for IE6 */  
* html #headmenu a:hover {  
    zoom: 1;  
	}  
    * html #headmenu a:hover img {  
        /* for BackCompat mode 
            margin-left: -4px; 
            margin-right: -4px; 
        over here */  
        float: left;  
        position: relative;  
		background:none;
    	}  



/* ----- ヘッダの設定 -----*/

#header{
	width:912px;
	height:72px;
	margin-left:24px;
	}
#header h1{
	float:left;
	margin-top:21px;
	margin-left:2px;
	}
#header ul{
	float:right;
	margin-top:21px;
	margin-right:2px;
	}
#header li{
	float:left;
	}

#topicpath{
	width:912px; 
	margin-bottom:12px; 
	margin-left:24px; 
	border-bottom:1px solid #ccc; 
	font-size:smaller;
	}
#topicpath p{
	margin:0 2px;
	}

#header #form{
	float:right;
	margin-top:10px;
	margin-right:2px;
	border:1px solid #ccc;
	}



/* ----- フッタの設定 -----*/

#footer{
	width:912px; 
	margin-left:24px; 
	margin-top:12px; 
	padding:6px 0;
	text-align:center; 
	border-top:1px solid #ccc; 
	border-bottom:1px solid #ccc;
	}

#footer ul{
	width:912px; 
	}

#footer li{
	float:left; 
	display:inline;
	}

#footer ul li { 
	float:none; 
	}

#footer_s ul { 
	font-size:smaller 
	}

#pagetop { 
	float:right; 
	margin-top:0px; 
	margin-right:24px; 
	margin-bottom:12px;
	}
#pagetop img{ 
	display:block;
	}



/* ----- コピーライトの設定 -----*/

#copyright{
	width:912px; 
	margin-left:24px; 
	padding-top:12px; 
	line-height:130%; 
	color:#333;
	}

#copyright #left { 
	width:456px;
	float:left;
	}
#copyright #right { 
	width:456px;
	text-align:right;
	float:right;
	color:#454545;
	}
#copyright #left small{ 
	color:#454545;
	}

#topicpath a:link, #footer a:link, #footer_s a:link, #copyright a:link { text-decoration:none; background:none; color:#454545; }
#topicpath a:visited, #footer a:visited, #footer_s a:visited, #copyright a:visited { text-decoration:none; background:none; color:#454545; }
#topicpath a:active, #footer a:active, #footer_s a:active, #copyright a:active { text-decoration:none; background:none; color:#454545; }
#topicpath a:hover, #footer a:hover, #footer_s a:hover, #copyright a:hover { text-decoration:none; background:url(../images/dotline2.gif) repeat-x left bottom; color:#f00; }



/* ----- メイン画像の設定 -----*/

p#top_mainimg{
	margin-left:24px;
	margin-bottom:18px;
	}



/* ----- おすすめの設定 -----*/

#osusume{
	width:936px;
	height:92px;
	margin-left:24px;
	}
#osusume ul{
	margin:0;
	padding:0;
	}
#osusume li{
	float:left;
	padding-right:12px;
	}


/* ----- メイン画像、おすすめ画像の設定 -----*/



/* ----- コンテンツの設定 -----*/

#contents{
	width:912px; 
	margin:14px 0 0 24px;
	padding:18px 0 0 0;
	border-top:1px solid #ccc;
	}

#contents_l{
	width:648px; 
	float:left; 
	}
#contents_l h4{
	font-size:larger;
	display:inline;
	}
#contents_l ul{
	line-height:140%;
	margin-top:9px;
	}
#contents_l li{
	margin-bottom:10px;
	}
#contents_l span.date{
	font-family:"ＭＳ ゴシック", sans-serif;
	}


#contents_r{
	width:228px; 
	float:right;
	}
#contents_r ul{
	line-height:140%;
	}
#contents_r li{
	background:url(../images/fukidashi.gif) no-repeat left top; 
	padding-left:34px;
	margin-bottom:8px;
	}

#contents_r_user{
	width:228px; 
	float:right;
	}
#contents_r_user ul{
	line-height:140%;
	}
#contents_r_user li{
	background:url(../images/fukidashi_user.gif) no-repeat left top; 
	padding-left:34px;
	margin-bottom:8px;
	}

#contents_r li.username,
#contents_r_user li.username{
	background:none; 
	border:3px solid #ccc; 
	padding:3px; 
	margin-bottom:12px;
	text-align:center;
	}

#contents_r ul.sub{
	margin-top:24px;
	line-height:140%;
	}
#contents_r ul.sub li{
	background:url(../images/arw.gif) no-repeat 24px 5px;
	padding-left:34px;
	margin-bottom:8px;
	}