@charset "Shift_JIS";

/* ----------------------------------------------
	Author : SEEK Inc.
	URL : http://www.seekweb.cc/
------------------------------------------------- */

/* 基本CSS--------------------------------------- */ 

/* ゴシック系フォント
font:13px/150% Verdana, Arial, "ヒラギノ角ゴ Pro W3", sans-serif;
*/

/* 明朝系フォント
font:13px/150% Verdana, Arial, "ヒラギノ明朝 Pro W3", serif;
*/

div{
	margin:0;
	padding:0;
}
h1,h2,h3{
	margin:0;
	padding:0;
	font:normal 13px/1.5em Verdana, Arial, sans-serif;
	color:#333333;
}
p{
	margin:0;
	padding:0;
	font:13px/150% Verdana, Arial, sans-serif;
}
ul,ol{
	margin:0;
	padding:0;
	list-style-type:none;
}
li{
	margin:0;
	padding:0;
	font:13px Verdana, Arial, sans-serif;
	display:inline;
}
img{
	margin:0;
	padding:0;
	border:none;
}
/*
input,textarea{
	color:#666666;
	background-colar:#ffffff;
	font-size:0.85em;
}
input:focus,textarea:focus{
	color:#000000;
	background-colar:#dddddd;
	font-size:1em;
}
*/
.seek{
	display:none;
}
ul.news{
	padding:10px 0 20px 0;
}
ul.news li{
	width:520px;
	padding-left:18px;
	background-image:url(../00/info_bg.gif);
	font:13px/1.8em Verdana, Arial, sans-serif;
	border-bottom-width:1px;
	border-bottom-style:dashed;
	border-bottom-color:#cccccc;
}
li.banner1{
	width:177px;
	height:159px;
	font:bold 13px/1em Verdana, Arial, sans-serif;
}
li.banner1 a{
	width:170px;
	height:159px;
	display:block;
	padding-top:135px;
	padding-left:20px;
}
li.banner2{
	width:177px;
	height:159px;
	font:bold 13px/1em Verdana, Arial, sans-serif;
}
li.banner2 a{
	width:170px;
	height:159px;
	display:block;
	padding-top:135px;
	padding-left:20px;
}
li.banner3{
	width:170px;
	height:159px;
	font:bold 13px/1em Verdana, Arial, sans-serif;
}
li.banner3 a{
	width:170px;
	height:159px;
	display:block;
	padding-top:135px;
	padding-left:20px;
}
p.letter{
	font:13px/1.8em Verdana, Arial, sans-serif;
	border-bottom:1px dotted #cccccc;
	padding-bottom:0.3em;
}
ul.osusume{
	margin:0;
	padding:5px 0;
	list-style:square inside;
}
ul.osusume li{
	display:block;
	padding:2px 0;
	font:13px/1.2em Verdana, Arial, sans-serif;
}
p.campaign a{
	display:block;
	width:520px;
	height:105px;
	padding-top:40px;
	padding-left:20px;
}
img.pola{
	border:1px solid #cccccc;
	padding:6px;
}
.search{
	margin:1px;
	padding:1px;
}
.result{
	font:bold small;
}
.login{
	margin:1px 1px 20px 1px;
	padding:1px;
	text-align:right;
}
.login td{
	text-align:right;
}
.topic_path{
	padding:0 20px 10px 15px;
	text-align:left;
}
p.form{
	padding:10px 15px 10px 25px;
}
p.form span{
	padding:10px 0px;
	font:bold 16px/1.8em Verdana, Arial, sans-serif;
}

/* Link用CSS----------------------------------- */ 

a:link,a:visited{
	color:#004377;
	text-decoration:none;
}
a:hover,a:active{
	color:#6A6AFF;
	text-decoration:underline;
}

/* Layout用CSS--------------------------------- */ 

#container,#header,#sitemap,#footer,#navi,#page,#wide_image,#wide_comment{
	text-align:left;
	margin:0px auto;
	overflow:hidden;
}
body{
	text-align:center;
	margin:0px auto;
	position:relative;
	font:13px/150% Verdana, Arial, sans-serif;
	color:#333333;
	background:#ffffff url(../base/bg.gif);
}
#container{
	width:780px;
	background:#ffffff url(../base/container.jpg);
}
#header{
	width:780px;
	height:69px;
	background:url(../base/head.gif);
}
#sitemap{
	width:780px;
	height:20px;
	clear:both;
	background:url(../base/sitemap.jpg);
}
#footer{
	width:780px;
	height:20px;
	clear:both;
	background:url(../base/footer.jpg);
}
#navi{
	padding-top:5px;
	width:200px;
	float:left;
}
#page{
	padding-top:5px;
	width:580px;
	float:right;
}

/* Header用CSS---------------------------------- */ 

#header a{
	width:230px;
	height:69px;
	display:block;
	text-indent:-9999px;
	float:left;
}
#header h1{
	display:none;
}
#header p,#header h2{
	clear:both;
	text-indent:-9999px;
}
.top_comment{
	padding:5px 20px;
}

/* Footer用CSS--------------------------------- */ 

#footer address{
	width:780px;
	margin:0 auto;
	text-align:right;
}
#footer address a{
	padding-right:100px;
	color:#333333;
	font:13px Verdana, Arial, sans-serif;
	font-style:normal;
	text-decoration:none;
}

/* Navi用CSS----------------------------------- */ 

#navi1{
	padding-top:5px;
}
#navi2,#navi3,#navi4,#navi5{
	padding-top:10px;
}
#navi1 li,#navi2 li,#navi3 li,#navi4 li,#navi5 li{
	width:198px;
	height:30px;
	text-align:left;
	overflow:hidden;
	display:block;
}
#navi1 li a,#navi2 li a,#navi3 li a,#navi4 li a,#navi5 li a{
	width:198px;
	height:30px;
	display:block;
	font:13px/1.2em Verdana, Arial, sans-serif;
	text-decoration:none;
	background:url(../base/navi_01.gif);
}
#navi1 a:hover,#navi2 a:hover,#navi3 a:hover,#navi4 a:hover,#navi5 a:hover{
	text-decoration:underline;
}
.navi10 a,.navi11 a,.navi12 a,.navi13 a,.navi14 a,.navi15 a,
.navi20 a,.navi21 a,.navi22 a,.navi23 a,.navi24 a,.navi25 a,
.navi30 a,.navi31 a,.navi32 a,.navi33 a,.navi34 a,.navi35 a,
.navi40 a,.navi41 a,.navi42 a,.navi43 a,.navi44 a,.navi45 a,
.navi50 a,.navi51 a,.navi52 a,.navi53 a,.navi54 a,.navi55 a{
	padding-top:6px;
	padding-left:22px;
}

/* Wrapscroll用CSS----------------------------- */ 

#movable {
	width:198px;
	position:absolute;
	bottom:0;
}

/* Sitemap用CSS-------------------------------- */ 

#sitemap0{
	clear:both;
	float:left;
}
#sitemap1{
	clear:both;
	float:left;
}
#sitemap2{
	clear:both;
	float:left;
}
#sitemap3{
	clear:both;
	float:left;
}
#sitemap4{
	clear:both;
	float:left;
}
#sitemap5{
	clear:both;
	float:left;
}
#sitemap0 a,#sitemap1 a,#sitemap2 a,#sitemap3 a,#sitemap4 a,#sitemap5 a{
	font:13px/150% Verdana, Arial, sans-serif;
	padding:0 4px;
	border-left:1px #cccccc solid;
	text-decoration:none;
}
#sitemap0 a:hover,#sitemap1 a:hover,#sitemap2 a:hover,#sitemap3 a:hover,#sitemap4 a:hover,#sitemap5 a:hover{
	text-decoration:underline;
}

/* Wide_Image用CSS------------------------------ */ 

#wide_image{
	width:760px;
	height:210px;
}

/* RightBox用CSS-------------------------------- */ 

#lightbox{
	position:absolute;
	left:0;
	width:100%;
	z-index:100;
	text-align:center;
	line-height:0;
}
#lightbox a img{
	border:none;
}
#outerImageContainer{
	position:relative;
	background-color:#fff;
	width:250px;
	height:250px;
	margin:0 auto;
}
#imageContainer{
	padding:10px;
}
#loading{
	position:absolute;
	top:40%;
	left:0%;
	height:25%;
	width:100%;
	text-align:center;
	line-height:0;
}
#hoverNav{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:10;
}
#imageContainer>#hoverNav{
	left:0;
}
#hoverNav a{
	outline:none;
}
#prevLink, #nextLink{
	width:49%;
	height:100%;
	background:transparent url(../images/blank.gif) no-repeat;
	display:block;
}
#prevLink{
	left:0;
	float:left;
}
#nextLink{
	right:0;
	float:right;
}
#prevLink:hover, #prevLink:visited:hover{
	background:url(../images/prevlabel.gif) left 15% no-repeat;
}
#nextLink:hover, #nextLink:visited:hover{
	background:url(../images/nextlabel.gif) right 15% no-repeat;
}
#imageDataContainer{
	font:12px Verdana, Helvetica, sans-serif;
	background-color:#fff;
	margin:0 auto;
	line-height:1.4em;
	overflow:auto;
	width:100%	
}
#imageData{
	padding:0 10px;
	color:#666;
}
#imageData #imageDetails{
	width:70%;
	float:left;
	text-align:left;
}
#imageData #caption{
	font-weight:bold;
}
#imageData #numberDisplay{
	display:block;
	clear:left;
	padding-bottom:1.0em;
}
#imageData #bottomNavClose{
	width:66px;
	float:right;
	padding-bottom:0.7em;
}
#overlay{
	position:absolute;
	top:0;
	left:0;
	z-index:90;
	width:100%;
	height:500px;
	background-color:#000;
}

/* Preview_templates用CSS----------------------- */ 

.border_preview{
	z-index:100;
	position:absolute;
	background:#fff;
	border:1px solid #444;
}
#loader_container{
	text-align:center;
	position:absolute;
	top:40%;
	width:100%
}
#loader{
	font-family:Tahoma, Helvetica, sans;
	font-size:10px;
	color:#000000;
	background-color:#ffffff;
	padding:10px 0 16px 0;
	margin:0 auto;
	display:block;
	width:135px;
	border:1px solid #6A6A6A;
	text-align:left;
	z-index:255;
}
#loader_bg{
	background-color:#EBEBE4;
	position:relative;
	top:8px;left:8px;height:7px;
	width:113px;font-size:1px
}
#progress{
	height:5px;
	font-size:1px;
	width:1px;
	position:relative;
	top:1px;
	left:10px;
	background-color:#9D9D94
}
.title_h2{
	margin-top:0;
	padding:0 0 0 18px;
}
.preview_temp_load{
	vertical-align:middle;
	text-align:center;
	padding:5px 10px 0 10px;
	margin:0;
}
.preview_temp_load img{	
	vertical-align:middle;
	text-align:center;
}

/* テンプレート用CSS--------------------------- */ 

.orange01{
	background-color:#FFFCEC;
	border:1px #FAC23C solid;
	padding:10px;
	font:13px/150% Verdana, Arial, sans-serif;
}
.orange01 span{
	font:bold 16px/150% Verdana, Arial, sans-serif;
	color:#F5AA09;
}
.pink01{
	background-color:#FFF0F0;
	border:1px #E64646 solid;
	padding:10px;
	font:13px/150% Verdana, Arial, sans-serif;
}
.pink01 span{
	font:bold 16px/150% Verdana, Arial, sans-serif;
	color:#D94A2A;
}
.pink02{
	background-color:#ffffff;
	border:1px #FC608A solid;
	padding:10px;
	font:13px/150% Verdana, Arial, sans-serif;
}
.pink02 span{
	font:bold 16px/150% Verdana, Arial, sans-serif;
	color:#FC3C6F;
}
.green01{
	background-color:#F8FDE3;
	border:1px #AAD84C solid;
	padding:10px;
	font:13px/150% Verdana, Arial, sans-serif;
}
.green01 span{
	font:bold 16px/150% Verdana, Arial, sans-serif;
	color:#81B818;
}