﻿/*-----------*/
/* The'nkids */
/*-----------*/

body {
	margin:0;
	color:#567;
	font-size:1.0em;
	line-height:1.4;
	text-align:center;
	font-family:Arial, Osaka, "ＭＳ Ｐゴシック", sans-serif;
	background:#0083CA url(./images/bg.gif) repeat-x center top;
}

a:link		{ text-decoration:none;	}
a:active	{ text-decoration:none;	}
a:visited	{ text-decoration:none;	}
a:hover		{ text-decoration:underline; }

a.kwd		{ margin:0 3px; padding:0 3px; color:#06c; background-color:#eee; }
a.kwd:hover	{ color:#fff; text-decoration:none; background-color:#06c; }

h1	{ height:54px; margin-top:0; padding:10px 0 0 32px;
	color:#fff; font-size:28px; text-align:left; letter-spacing:0.1em;
	background:transparent url(./images/bg_h1.gif) no-repeat left top;
}

h2	{ padding:6px 8px; color:#333; font-size:1.0em; text-align:left; border:1px solid #69c; border-left:4px solid #69c; }

h3	{ height:31px; margin-left:0; margin-right:8px; padding:9px 0 0 12px;
	color:#036; text-align:left; letter-spacing:0.1em;
	background-color:#f8f8f8; border:3px solid #def;
}

h4	{ padding:2px 8px; color:#333; font-size:1.0em; text-align:left; border:0px solid #9c6; border-left:4px solid #9c6; }
h5	{ margin-bottom:0; color:#583; font-size:1.0em; text-align:left; }

br.clear	{ clear:both; margin-bottom:1em; }

/*--------*/
table.solid		{ margin:1em; font-size:1.0em; font-family:Arial; border-collapse:collapse; border:1px solid #abc; }
table.solid tr	{ font-size:1.0em; line-height:1.3; }
table.solid th	{ padding:0.5em 0.8em; vertical-align:top; color:#333; border:1px solid #abc; background-color:#eee; }
table.solid td	{ padding:0.5em 0.8em; text-align:left; vertical-align:top; border-right:1px solid #abc; border-bottom:1px solid #abc; }
table.solid .ng	{ color:#666; text-decoration:line-through; background-color:#f8f8f8; }
table.solid .ec	{ white-space:nowrap; text-align:center; background-color:#f0f0f0; }
table.solid .dc	{ white-space:nowrap; text-align:center; background-color:#ddd; }
table.solid .e	{ white-space:nowrap; background-color:#cde; color:#000; }
table.solid .d	{ white-space:nowrap; background-color:#eee; }
table.solid .l	{ text-align:left;  }
table.solid .r	{ text-align:right; }

table.nline		{ font-size:0.8em; line-height:1.2; font-family:Arial; }
table.nline td	{ padding-right:0.8em; vertical-align:top; }
table.nline .e	{ white-space:nowrap; background-color:#f0f0f0; }
table.nline .d	{ white-space:nowrap; background-color:#ddd; }
table.nline .l	{ text-align:left;  }
table.nline .r	{ text-align:right; }

table.padd5		{ font-family:Arial; }
table.padd5 td	{ padding:0.8em; vertical-align:top; }

/*--画像マスク・サムネイル表示------------------------------------*/
div.mask_k	{ width:160px; height:120px; background-color:#ccc; overflow:hidden; }
div.mask_l	{ width:150px; height:150px; background-color:#ccc; overflow:hidden; }
div.mask_m	{ width:100px; height:100px; background-color:#ccc; overflow:hidden; }
div.mask_s	{ width:50px;  height:50px;  background-color:#ccc; overflow:hidden; }

div.phbox_r	{ float:right; margin:0 1em 1em; padding:0.4em; text-align:center;
	color:#666; font-size:0.8em; line-height:1.5; background-color:#fff; border:1px solid #ccc; }
div.phbox_r img	{ border:0px solid #ccc; }
div.phbox_nr	{ float:right; margin-left:1em; margin-bottom:1em; padding:0.4em; text-align:center;
	color:#666; font-size:0.8em; line-height:1.5; }
div.phbox_nr img	{ border:0px solid #ccc; }

div.phbox_l	{ float:left; margin:0 1em 1em 2em; padding:0.4em; text-align:center;
	color:#666; font-size:0.8em; line-height:1.5; background-color:#fff; border:1px solid #ccc; }
div.phbox_l img	{ border:0px solid #ccc; }
div.phbox_nl	{ float:left; margin-right:1em; margin-bottom:1em; padding:0.4em; text-align:center;
	color:#666; font-size:0.8em; line-height:1.5; }
div.phbox_nl img	{ border:0px solid #ccc; }

/*-- ヘッドライン --*/
.headline	{ margin-bottom:0.5em; padding:0.1em; color:#360; font-weight:bold; border-bottom:1px dashed #ccc; }

.news		{ margin:0 1em 2em; }
.news ul, .news ol	{ margin:0; padding:0; margin-left:1.5em; }

.pdf	{ padding-left:20px; padding-bottom:3px; background:transparent url(./imagespdf.gif) no-repeat 0 0; }
.pdfb	{ padding-right:20px; padding-bottom:3px; background:transparent url(./images/pdf.gif) no-repeat right 0; }
.gmap	{ padding:3px 24px; background:url(./images/gmap20.gif) no-repeat left top; }

.url	{ color:#090; font-family:arial; font-size:13px; font-weight:normal; }
.url_r	{ color:#090; font-family:arial; font-size:13px; font-weight:normal; text-align:right; }

.date	{ color:#090; font-family:arial; font-size:13px; font-weight:normal; text-align:left; padding-left:1em; }
.date_r	{ color:#090; font-family:arial; font-size:13px; font-weight:normal; text-align:right; padding-right:1em; }

.bltitle	{ color:#039; font-size:1.8em; font-weight:bold; }
.bmtitle	{ color:#039; font-size:1.1em; font-weight:bold; }
.bstitle	{ color:#039; font-size:1.0em; font-weight:bold; }

.gtitle	{ color:#090; font-size:1.8em; font-weight:bold; }
.price	{ color:#c00; font-weight:bold; }
.gsmall	{ color:#999; font-size:0.8em; }
.caution{ color:#c00; font-size:0.8em; }
.red	{ color:#c00; }

.ttl_bar{ margin:4px 0 2em; }

.b		{ font-weight:bold; }
.bb		{ font-size:1.2em; font-weight:bold; }
.bbb	{ font-size:1.5em; font-weight:bold; }

.small	{ font-size:0.8em; }
.sfont	{ font-size:0.8em; }
.mfont	{ font-size:0.9em; }

.indent		{ margin-left:20px; margin-bottom:3em; }

.halfbox	{ float:left; width:49%; padding-right:1%; font-family:Arial; line-height:1.2; }
.halfbox h2	{ margin-left:0;padding:4px 8px; color:#333; font-size:1.0em; text-align:left; border:0px solid #69c; border-left:4px solid #69c; }

.dotbox		{ margin:8px; padding:8px; border:2px dashed #900; }
.dotbox h4	{ margin:0; }

.spa_box	{ padding:0.5em; color:#693; background-color:#ffd; border:2px solid #fc6; }

.link_box		{ margin:1em; padding:0.4em 20px; font-size:1.0em; background:#fff url(./images/arrow.gif) no-repeat 0% 50%; }
.link_box a		{ font-size:1.0em; font-weight:bold; }
.link_box span	{ color:#080; font-size:13px; font-weight:normal; }

.members	{ margin-top:1em; padding:1em 0; border-top:1px dotted #9ab; }

.main_image	{ padding-bottom:50px; background:#fff url(./images/bg_main_image.gif) no-repeat center bottom; }

.more		{ margin:1em 1em 1em 0; padding-right:24px; font-size:0.8em; text-align:right; background:transparent url(./images/arrow_bl.gif) no-repeat right 1px; }

.clr,
.clear	{ clear:both; }


/*-- インフォメーション --*/
.info		{ margin:1em 1em 1em 0; padding:0.5em 0 2em; border-bottom:1px dotted #ccc; }
.info ul	{ margin:0; padding:0; list-style-type:none; }
.info li	{ margin-bottom:8px; padding-bottom:8px; padding-left:18px; text-align:left;
	border-bottom:1px dotted #ccc; background:transparent url(./images/arrow.gif) no-repeat left 2px; }
.info span	{ padding:0 1em; color:#999; font-size:13px; font-weight:normal; font-family:Arial; }
.info .date	{ padding:0 1em; color:#090; font-size:13px; font-weight:normal; font-family:Arial; }
.info .ctg	{ padding:0.3em 0; color:#ccc; font-size:13px; font-weight:normal; font-family:Arial; text-align:right; }
.info .ttl	{ margin:0; padding-left:24px; 
	color:#03c; font-size:1.0em; font-weight:bold; background:transparent url(./images/arrow.gif) no-repeat left 2px; }
.info .cmt	{ margin-left:24px; font-size:0.9em; }
.info .cmt img	{ margin:1em 0; border-width:0; }


/*-------------------------------------*/
.profile	{ clear:left; margin:0 1em 2em 0; font-size:14px; }
.face_icon	{ float:left; padding:8px 1em 1em 0; }
.part		{ padding-left:0em; color:#c00; font-size:24px; font-weight:bold; }
.name		{ padding-left:1em; color:#333; font-size:18px; font-weight:bold; }
.age		{ padding-left:1em; color:#888; }
.cmmt		{ padding-left:0em; }

/*-------------------------------------*/
#wrapper {
	width:920px;
	margin:0 auto; padding:0;
	background:transparent url(./images/bg_wrapper.gif) repeat-y center top;
}

#header {
	float:left;
	height:168px;
	margin:0 auto; padding:0;
	text-align:left;
}
#header .logo		{ float:left; margin:0; padding:0; }
#header .logo img	{ border-width:0; }

#ctrl {
	height:81px;
	color:#999; font-size:13px; text-align:right;
	background:transparent url(./images/bg_menu.gif) repeat-x 0px 0px;
}
#ctrl img	{ border-width:0; }
#ctrl form	{ margin:0; padding:28px 36px 0 0; }


#menu		{ height:87px; background:transparent url(./images/bg_menu.gif) repeat-x 0px -81px; }
#menu ul	{ margin:0 0 0 500px; padding:0; list-style-type:none; }
#menu li	{ float:left; margin:0; color:#666; text-align:left; text-decoration:none; }
#menu a		{ display:block; width:120px; height:60px; text-indent:-9999px; background:transparent url(./images/menu120x60.jpg) no-repeat 0px 0px; }

#menu .navi01 a			{ background-position:    0px 0px; }
#menu .navi02 a			{ background-position: -120px 0px; }
#menu .navi03 a			{ background-position: -240px 0px; width:121px; }
#menu .navi04 a			{ background-position: -360px 0px; }

#menu .navi01 a:hover	{ background-position:    0px -60px; }
#menu .navi02 a:hover	{ background-position: -120px -60px; }
#menu .navi03 a:hover	{ background-position: -240px -60px; }
#menu .navi04 a:hover	{ background-position: -360px -60px; }

#pankz {
	width:900px;
	margin:0 auto; padding-top:24px;
	color:#999; font-size:13px; text-indent:24px; font-family:Arial; text-align:left;
}

#container {
	clear:both;
	margin:0;
	padding:0 15px;/* 20px */
	text-align:left;
}

#main {
	float:left;
	width:570px;
	margin:0;
	padding:0;
	line-height:1.4;
	text-align:left;
}
#main p		{ padding-right:1em; text-indent:1em; }
#main dl	{ margin:0; padding:0; }
#main dt	{ margin-top:4px; padding-top:4px; color:#080; border-top:1px dotted #abc; }
#main dd	{ margin:0; padding-left:2em; 	background:transparent url(./images/arrow.gif) no-repeat 8px 2px; }

#sidebar {
	float:right;
	width:300px;
	margin:0;
	padding:0;
	font-size:13px;
	line-height:1.4;
	text-align:center;
}
#sidebar a,
#sidebar a:hover	{ display:block; text-decoration:none; }
#sidebar img	{ margin:4px 0; border:none; }
#sidebar .box	{ margin:0 0 1em; padding:0 0 1em; border-bottom:1px dotted #cb9; }
#sidebar .hbox	{ margin:0 0 0.5em; padding:0 0 0.5em; border-bottom:1px dotted #cb9; }
#sidebar .cpt	{ margin:0; padding:0.5em; font-size:12px; text-align:left; }
#sidebar .cpt a	{ margin:0; padding:5px; color:#fff; background-color:#456; border:3px solid #89a; }
#sidebar .cpt a:hover	{ background-color:#68b; border:3px solid #36c; }
#sidebar .cpt img	{ float:right; margin:0; padding-left:2px; border:none; }

#sidebar .close	{ color:#ddc; }

#footer {
	clear:both;
	height:35px;
	margin:0 auto;
	padding:20px;
	color:#fff; font-size:0.8em; text-align:center;
	background:transparent url(./images/bg_footer.gif) no-repeat bottom center;
}
#footer a	{ padding:0 1em; }
#footer img	{ border:none; }





/*-- Toppage --*/
#top_next {
	clear:left;
	margin:2em 0;
	padding:8px 15px;
	border:1px solid #abc;
	background-color:#ffc;
}
#top_next h3	{ height:24px; margin:0; padding:4px 0 0;
	color:#036; text-align:left; letter-spacing:0.1em; border:none; border-top:3px solid #abc; }
#top_next h4	{ margin:0; }
#top_next p		{ margin:14px; }
#top_next .phbox_r	{ float:right; margin:0 0 0 15px; padding:4px; text-align:center;
	color:#666; font-size:0.8em; line-height:1.0; background-color:#bcd; border:0px solid #ffc; }
