@charset "UTF-8";

h1 { font-size:10pt; color:#666666; font-weight:normal; margin: 0px; display:inline; }

h2 { font-size:14pt; color:#666666; font-weight:normal; margin: 0px; }

h3 { font-size:12px; font-weight:normal; margin: 0px; }

body { color: #666666; font-size:12px;
     background-color:#000000;
     margin:0px;    /* ページ全体のmargin */
     padding:0px;         /* ページ全体のpadding */
     text-align:center;   /* 下記のautoに未対応用のセンタリング */
 }
 
#outline {
    margin: 0px auto;
	width: 900px;
    font-size: 12px;
    text-align:center;
	padding: 0px;
	
}

#header { font-size: 12px; color: #888888; text-align: left; padding: 0px; margin: 0px; position:relative;}

#logoMark { LEFT: 15px; WIDTH: 114px; POSITION: absolute; TOP: 0px; HEIGHT: 126px; }
#sbn { LEFT: 750px; WIDTH: 150px; POSITION: absolute; TOP: 18px; HEIGHT: 15px; }
   
.headertext { font-size: 10px; position: absolute; left:140px; top: 20px; }
   
#navi {
   width: 900px;
   padding: 7px 15px 5px 140px;
   font-size: 12px;
   color: #999999;
   text-align:left;
   line-height: 2em;
   background-image:url(../images/navibg.gif);
   background-repeat:no-repeat;
   margin: 40px 0px 0px;
}

#navi a:link    { color: #999999; text-decoration:none; }
#navi a:visited { color: #999999; text-decoration:none; }
#navi a:hover   { color: #cccccc; text-decoration:none; }
#navi a:active  { color: #999999; text-decoration:none; }

#topimage { margin: 1px 0px; padding: 0px; }

.topicpath { padding: 5px; margin: 0px 0px 7px; text-align: left; clear: both; border-bottom:dashed 1px #444444; } 
div.topicpath a { font-size: 12px; color: #4d83c1; text-decoration: none; }
div.topicpath a:link    { color: #4d83c1; }
div.topicpath a:visited { color: #666666; }
div.topicpath a:hover   { color: #4d83c1; }
div.topicpath a:active  { color: #087908; }

#main {
    width: 900px;
    font-size: 12px;
	margin: 0px;
	padding: 0px;	
}

#contents { width: 640px; font-size: 12px; margin: 0px; padding: 0px; float:left; }

#sidebox { width: 250px; margin: 0px; float:right; border: 1px solid #555555; line-height: 1.2em; }
.sidetext { font-size: 12px; padding: 0px; margin: 10px; text-align:left; }

#catetitle { padding: 0px; margin: 10px 5px 5px; text-align:left; }
#cate { width: 630px; padding: 0px; margin: 0px 0px 10px; text-align:left; }
#cate li { display: inline; font-size: 12px; list-style-type: none; margin:0 3px; }
#cate a { float:left; padding: 5px; margin: 3px; text-decoration:none; border:1px solid #555555; }
#cate a:hover { background-color:#444444; }
#cate ul { font-size: 12px; padding: 0; margin: 0; list-style-type: none; } 

#special { margin: 10px 0px; text-align:left;}
.specialbox { width: 285px; border: 1px solid #555555 ; margin: 0px 10px 0px 0px; float: right; }
.specialtext { margin: 10px; font-size: 12px; color: #999999; line-height:1.5em; } 
.specialtitle { margin: 0px 0px 5px; font-size: 12px; color: #cc0033; font-weight:bold; } 

#footer { font-size: 12px; margin: 0px; text-align:left; padding: 0; }

.footerlink { width: 230px; font-size: 11px; margin: 10px 0px; text-align:left; float:left; padding: 0; line-height:1.5em; }

.footerlink li { display: inline; font-size: 12px; list-style-type: none; padding: 0px; margin:0 3px; width:100px; }
.footerlink a { display: block; float:left; padding: 0px; margin:0 3px; text-decoration: none; }
.footerlink a:hover { color: #4d83c1; text-decoration: underline; }
.footerlink ul { font-size: 11px; padding: 0; margin: 10px 0px; list-style-type: none; }
.footerlink em { color:#4d83c1; font-size: 11px; font-style: normal; } 

.footerlink2 { width: 170px; font-size: 11px; margin: 20px 0px; text-align:left; float:left; padding: 0; line-height:1.5em; }
.footerlink2 a { color:#555555; text-decoration: none; }
.footerlink2 a:hover { color: #4d83c1; text-decoration: none; }

.footertext { width: 500px; font-size: 11px; margin: 20px 0px; text-align:left; float:left; padding: 0; line-height:1.5em; }
.footertext a { color:#666666; text-decoration: none; }
.footertext a:hover { color:#4d83c1; text-decoration: none; }

.copyright { font-size: 12px; margin: 10px 10px; text-align:center; padding: 15px; border-top: 1px solid #333333; }

.itembox { width: 640px; padding: 0px; margin: 0px; }

.itemlink { margin: 0px 4px 6px 0px ; padding: 0px; background-color:#FFFFFF; float:left; }

.itemlinktext { margin: 0px; font-size: 10px; padding: 3px; text-align: center; line-height:1.5em;  }
.itemlinktext a { color: #555555; text-decoration:none; }
.itemlinktext a:hover { color: #4d83c1; text-decoration: none; }

.photo { float: left; margin: 0px 10px 10px 0px; } 
.textbox { padding: 10px 5px; line-height: 1.5em; text-align: left; }
img { border: none; }


.go a {
	display: block;
	width: 228px;
	height: 120px;
	background: url("../images/go.gif") 0 0 no-repeat;
	text-indent: -9999px;
	overflow:hidden;
	margin: 5px 0px;
}
.go a:hover { background-position: 0 -120px; }

.mobile{
	margin: 5px 0px 0 0;
}

strong { font-size: 12px; }

em {color:#4d83c1; font-size: 12px; font-style: normal; }


#side_list { list-style: none; padding:0; margin:0; }
#side_list li { font-size:10px ; padding: 4px 0px; margin:0; border-bottom:1px solid #333333; }
#side_list li a { color:#666666; text-decoration: none; }
#side_list li a:hover { color: #4d83c1; text-decoration: none; }