/* CSS Document */

/* 初期化 */

body,
h1,h2,h3,h4,h5,h6,p,
ul,ol,li,dl,dt,dd, span,
form,fieldset,legend,pre,blockquote {
	margin:0px;
	padding:0px;
	border: 0px;
	line-height:140%;
}

p{
	 font: #555 11px;
	line-height:170%;
	margin:0 0 10px:
	}

img { margin:0px; padding:0px; border:0px; }
ul,li { list-style:none; }


/* generals */

html {
	width: 100%;
	background-color: #FFFFFF;
}

body {
	text-align:center;
	font: 11px "Verdana","ヒラギノ角ゴ Pro W3","ＭＳ ゴシック","Osaka‐等幅";
	margin:0;
	padding:0;
	text-align:center;
	}

a:link {color:#56B0E9; text-decoration:none;}
a:visited {color:#56B0E9; text-decoration:none;}
a:active {color:#56B0E9; text-decoration:none;}
a:hover {color:#d3d3d3; text-decoration:none;}
    
#wrap{
	text-align: left;
	width: 890px;
	margin: 50px auto 0;
	}

   
#left{
	width: 230px;
	height: auto;
	float: left;
	position: fixed;
	top: 50;
	left: 50;
	margin: 0;
	padding: 0;
	}

* html #left{
	width: 230px;
	height: auto;
	float: left;
	position: absolute;
	top: 50;
	left: 50;
	margin: 0;
	padding: 0;
	}


.logo{
	width: 205px;
	height: 180px;
	margin: 0 0 10px;
	background-image: url(images/crawls.png);
	background-repeat: no-repeat;
	}

.logotype{ margin: 10px 0 10px 5px; }

.copyright{ margin: 0 0 10px 5px; }

.special{ margin: 15px 0 10px 5px; }

.vol06link{ margin: 10px 0 10px 5px; }

#gnavi{
	width:200px;
	height: auto;
	margin: 10px 0 0 5px;
	padding:0;
	}

#gnavi ul{ margin: 0; }
#gnavi li{ margin: 0 0 7px; }
    


#archives{
	width:200px;
	height: auto;
	margin: 25px 0 0 5px;
	padding:0;
	}

#archives ul{ margin: 10px 0; }
#archives li{ margin: 0 0 3px 5px; }

#right{
	width:620px;
	height: auto;
	float: right;
	margin: 0;
	padding: 0;
	}


.contents{
	width:590px;
	height: auto;
	margin:0;
	padding:0 10px 0 0;
	}

.title{ margin: 5px 0 0 20px; }


.theme{
	width: 540px;
	_width: 520px;
	height: auto;
	text-align: center;
	margin: 0 0 10px;
	padding: 20px;
	border: #FFFF99 10px solid;
	}

#sp08 .theme{
    width: 540px;
	_width: 520px;
	height: auto;
	text-align: center;
	margin: 0 0 10px;
	padding: 20px;
	border: #EFEFEF 10px solid;
	}

#sp07 .theme{
    width: 540px;
	_width: 520px;
	height: auto;
	text-align: center;
	margin: 0 0 10px;
	padding: 20px;
	border: #CCFF6D 10px solid;
	}

#sp07 .entry_theme h3{
    color: #555555;
    font-size: 11px;
	font-weight: normal;
	padding:1em 0 1em;
    margin:0;
    }


.entry_theme{
	width: 500px;
	height: auto;
	text-align: center;
	margin: 0 20px 0;
	padding: 15px 0 15px;
	}

.entry_theme h3{
	color: #555;
	font-size: 11px;
	font-weight: normal;
	padding:1em 0 1em;
	margin:0;
	}

.entry_theme h4{
	color: #666;
	font-size: 12px;
	font-weight: normal;
	padding: 30px 0 0;
	margin:0;
	}

.entry_theme p{
	color:#666;
	text-align: center;
	margin: 0;
	padding: 0 0 10px;
	}   

.entry_theme img{
	margin: 0;
	padding: 0 0 10px;
	}

.entry_theme_list{
	width: 120px;
	height: auto;
	text-align: center;
	float: left;
	margin: 10px 0;
	padding: 0 0 0 5px;
	}

.entry_theme_list p{
	text-align: left;
	}

p.notice_list{
	font-size: 11px;
	font-weight: normal;
	padding: 10px 0;
	}

.entry_theme_table{
    width: 500px;
	height: auto;
	text-align: center;
	margin: 10px 0 0;
	}

.entry_theme_table p{
    text-align: center;
	padding: 0 0 3px;
	}


#right h2{ margin: 0 0 10px; }

.entry_about{
	width: 540px;
	height: auto;
	margin: 0 30px 0;
	padding: 15px 0 5px;
	}

.entry_about h2{
	color: #666;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 0 0 10px;
	}

.entry_about h3{
	color: #666;
	font-size: 11px;
	font-weight: normal;
	padding:0 0 1em;
	margin:0;
	}

.entry_about p{
	color:#666;
	margin: 0;
	padding: 0 0 10px;
	}  

.entry{
	width: 540px;
	height: auto;
	margin: 0 25px 0;
	padding: 15px 0 15px;
	border-bottom: 1px #999 solid;
	}

.entry h3{
	color: #000;
	font-size: 11px;
	font-weight: bold;
	line-height:160%;
	padding:0 0 1em;
	margin:0;
	}

.entry p{
	color: #666;
	margin: 0;
	padding: 0 0 10px;
	}   


.entry-body {
	text-align: justify;
	padding: 10px 35px 10px;
}

.link-body {
	text-align: justify;
	padding: 20px 35px 0;
}

.link-body p{
	font-size: 11px;
	padding: 0 0 5px;
}

#footer{
	width:850px;
	height: 85px;
	margin:0 auto;
	padding:0;
	background-image: url(images/footer_bg.jpg);
	background-repeat: no-repeat;
	}
    
.return{ margin:0 0 15px 285px; }

.return2{ margin:0 0 15px 320px; }
   

/* optionals */    

.line { margin: 0 0 15px; }

.line2 { margin: 200px 0 15px; }

.left { float: left;}

.left_dm { float: left; margin:0 10px 15px 0px;}

.right_text { text-align: right; }

.right { float: right; margin:0 0 0 8px; }

.archive-description { color:#555 }

.archive-description h3 { color: #000; font-size: 11px; padding: 10px 0; }

.notice{
	font-size:12px;
	font-weight: bold;
	}

strong{
	color: #000;
	}

span.notice_blue{
	color: #408AC4;
	}

span.notice_red{
	color: #DE4A4A;
	}

a:focus { -moz-outline-style: none; }
	
.entry-body .thumb-header { color:#333; font-size: 10px; margin:0; padding:1em 0 0;}	

.archive-box {
	width:520px;
	height: auto;
	background: url(images/stripe.png) repeat;
	padding: 0 0 10px;
	}

.thumb {
	float: left;
	margin: 0 2px 8px 24px;
	_margin: 0 0 8px 22px;
	}

.cover {     
	margin: 0 0 30px 20px;
	}


.thumb p { text-align: center; padding: 0;}

.clear{
	clear:both;
	}  
  
blockquote { color: #333333; background: url(images/stripe.png) repeat; border: 1px solid #FAFAFA; padding: 1em; margin-bottom: 1em;}  
  
/* highslide JS */

.highslide {
    cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
    border: 1px solid #999;
}
.highslide:hover img {
    border: 1px solid #d3d3d3;
}
.highslide-image {
    border: 0px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
    color: white;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    padding: 3px;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
    font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}