@charset "utf-8";

/* ===== import basic style ===== */
@import "base.css";
@import "common.css";
@import "navi.css";
@import "font.css";

/* local column */
@import "local.css";



/* ===== category style ===== */
/* column setting */


/* local parts */


/* guide profile */
.contents .area_main .mote_guideprofile {
	margin:25px 5px 0;
	background: url(../img/mote1/chara_bg.gif) no-repeat scroll left bottom;
	margin:0 auto;
	min-height:150px;
	padding-bottom:5px;
	width:540px;
}

.contents .area_main .mote_guideprofile dt {
	background:transparent url(../img/mote1/chara_top.gif) no-repeat scroll left top;
	height:40px;
	padding:40px 0 0 10px;
	font-size:18px;
	color:#498D58;
	font-weight: bold;
}

.contents .area_main .mote_guideprofile dd {
	color:#666666;
	margin:0 5px 20px;
	min-height:150px;
}

.contents .area_main .mote_guideprofile dd img {
	border:2px solid #CCCCCC;
	float:right;
	margin-left:10px;
}

.contents .area_main .mote_guideprofile dd p {font-size:12px;margin-left:5px;}

/*
.contents .area_main .guideprofile dt {color: #9CBFD6;}
.contents .area_main .guideprofile dd img {border-color: #CDE3F4;}
.contents .area_main .guideprofile dd dl dt {background-image: url(../img/common/triangle_blue.gif);}
*/




/* ===== [page type] contents top ===== */
/* ----- title area ----- */
/*.category .title {width: 580px; height: 130px; }*/
.category .title h1 {
	background: url(/img/item/item_title.gif) left top no-repeat;
	height:130px;
	margin:0 0 10px;
	text-indent: -10000px;
	overflow: hidden;
}
.category .title p {

	margin: 0px 10px 0px 0px;
	font-size: 15px;
	border-left:9px solid #C54B4E;
	line-height:1.3;
	padding:3px 10px;

}

.category .title p.description {display: none;}

/* ----- level category list ----- */

.category ul.level li {clear: both; margin: 0; padding: 9px 0px; zoom: 1;}
.category ul.level li:after {
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}/* for modern browser */

.category ul.level li h2 a {

	float: left;
	width: 285px;
	height: 150px;
	display: block;
	text-indent: -10000px;
	overflow: hidden;
	background: left top no-repeat;
}

.category ul.level li.lv0 h2 a {

	background-image: url(/img/item/item_self_title_s_off.gif);
	border: 2px solid #C54B4E;

}
.category ul.level li.lv0 h2 a:hover {
	background-image: url(/img/item/item_self_title_s_on.gif);
	border: 2px solid #D78284;

}

.category ul.level li.lv1 h2 a {

	background-image: url(/img/item/item_deai_title_s_off.gif);
	border: 2px solid #C54B4E;

}
.category ul.level li.lv1 h2 a:hover {
	background-image: url(/img/item/item_deai_title_s_on.gif);
	border: 2px solid #D78284;

}

.category ul.level li p {margin: 0px 5px 0px 300px; font-size: 15px;}


/* ----- back number list ----- */
.category .backnumber {}
.category .backnumber li {clear: both; margin: 0; padding: 9px 0px; zoom: 1;}
.category .backnumber li:after {
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}
/* on mouse setting */
.category .backnumber li.hover {background-color: #EEF2F7; cursor: pointer;}


.category .backnumber li h2 {
	margin: 0px 7px;
	padding-left: 0px;
	height: auto;
	font-size: 17px;
	line-height: 24px;
	letter-spacing: 0px;
	overflow: visible;
	background: url(../img/mote1/tag.gif) 135px 0px no-repeat;
}
.category .backnumber li h2 a {
	padding-right: 58px;
	color: #336633;
	font-family: Verdana, Arial, Helvetica, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	text-decoration: none;
	text-indent: -1px;
}
.category .backnumber li h2 a:hover,
.category .backnumber li.hover h2 a {color: #99CC00;}
.category .backnumber li h2 a img {float: left; border: 1px solid #339933; width: 130px; height: 130px;}
.category .backnumber li h2 a span {
	margin: 0px 30px 0px -50px;
	color: #339933;
	font-size: 25px;
	line-height: 26px;
	vertical-align: -6px;
	cursor: pointer;
	zoom: 1;
}
* html .category .backnumber li h2 a span {vertical-align: middle;}
*:first-child+html .category .backnumber li h2 a span {}

.category .backnumber li h2 a:hover span,
.category .backnumber li.hover h2 a span {color: #99CC00;}
.category .backnumber li p {margin: 0px 12px 0px 140px; font-size: 15px;}


/* new entry */
.category .backnumber li.new {
	margin-bottom: 8px;
	padding: 0px 0px 15px;
	border-bottom: 1px dashed #CCCCCC;
	background: url(../img/style/tag_new.gif) 0px 0px no-repeat;
}

.category .backnumber li.new h2 {
	font-size: 19px;
	line-height: 25px;
	background: none;
}
.category .backnumber li.new h2 a {
	margin: 0px;
	padding: 0px 0px 0px 125px;
	text-indent: 0px;
}
.category .backnumber li.new h2 a span {display: none;}
.category .backnumber li.new h2 a img {float: right; margin: 3px 5px 0px; width: 160px; height: 120px;}
.category .backnumber li.new p {margin: 7px 195px 0px 9px; font-size: 15px;}




/* ===== [page type] article pages ===== */

.article .entry div.item_top h2 {

	background:#FFFFFF url(../img/mote1/item_top_title.gif) no-repeat scroll center top;
	display:block;
	height:92px;
	overflow:hidden;
	text-decoration:none;
	text-indent:-10000px;
	margin:0 0 1.2em 0;

}

.article .entry div.item_top dl {

	margin: 0 auto;
	background:transparent url(../img/mote1/waku_bg.gif) no-repeat scroll left bottom;
	width:530px;
	min-height:170px;
	padding-bottom:5px;

}

.article .entry div.item_top dt {

	background:transparent url(../img/mote1/waku_top.gif) no-repeat scroll left top;
	padding:10px 0px 0px 0px;
}

.article .entry div.item_top dt img {

	float:left;
	margin:10px 15px;
	border:thin solid #CCCCCC;

}

.article .entry div.item_top dt a {

	font-weight:bold;
	font-size:18px;
	margin:10px 0px 0px 0px;
	padding:0px;

}

.article .entry div.item_top dd {margin-top:0.5em;}
.article .entry div.item_top dd img {margin:3px 5px;}
.article .entry div.item_top dd p img {margin:0px 5px;}
.article .entry div.item_top dd p {
	margin-top:5px;
	font-size:12px;
}

.article .entry div.item_middle {

	border:2px solid #CCCCCC;
	color:#565656;
	margin:0 5px 1.5em;
	padding:10px 10px 3px;
	min-height:130px;

}

.article .entry div.item_middle .img_left {

	border:0 none;
	color:#373535;
	font-size:13px;
	line-height:1.2;
	margin:0 0 0 5px;

}

.article .entry div.item_middle h3 {

	color:#333333;
	font-size:15px;
	margin:0 0 3px;

}

.article .entry div.item_middle ul {

	color:#346E37;
	font-size:12px;
	list-style-type:disc;
	margin: 0px 0px 1em 130px;

}

.article .entry div.item_middle ul li {

	margin: 0px 0px 2px 30px;
	padding: 0px;
	background: none;
}


/* [parts] inner img */

.article .entry div.img_right {

	background-color:#FFFFFF;
	border:1px solid #346E37;
	color:#565656;
	font-size:12px;
	line-height:1.3;
	margin:0 3px 5px 8px;
	max-width: 200px;
	padding:2px;
	text-align:left;

}
	* html .article .entry div.img_right {width: 200px;}

.article .entry div.img_left {

	background-color:#FFFFFF;
	border:1px solid #346E37;
	color:#565656;
	font-size:12px;
	line-height:1.3;
	margin:0 8px 5px 3px;
	max-width: 200px;
	padding:2px;
	text-align:left;

}
	* html .article .entry div.img_left {width: 200px;}


/* [parts] chara dl */

.article .entry dl.chara {

	border:thin solid #CCCCCC;
	line-height:1.5;
	margin:1.5em 5px 2em;
	padding:10px;
	height:148px;

}

.article .entry dl.chara dt {background: url(../img/mote1/chara_title.gif) left center no-repeat;}

.article .entry dl.chara dt strong {

	margin:0px 0px 0px 85px;

}

.article .entry dl.chara dt img {

	float:left;
	margin:5px;

}

.article .entry dl.chara dd {

	margin:0 0 0 125px;

}



/*
.article .entry h2 {
	margin: 0px 0px 10px;
	height: 33px;
	color: #373535;
	line-height: 1.3;
	text-indent: -10000px;
	overflow: hidden;
	background: left top no-repeat;
}
*/

.article .entry p {margin: 0px 5px 1.2em;}
.article .entry p.text_right {}
.article .entry p.text_right a {padding-left: 9px; background: url(../img/common/triangle_pickup.gif) left center no-repeat;}

/* color setting */
.article .entry .color_blue {color: #006679 !important;}
.article .entry .color_sky {color: #6699FF !important;}
.article .entry .color_pink {color: #F87B5C !important;}


/* selectsquare[link] */

.article .entry blockquote.select {

	border:2px solid #8CADCE;
	clear:both;
	color:#3C618E;
	line-height:1.3;
	margin:0 0 10px;
	min-height:114px;
	padding:10px 5px 10px 5px;
	position:relative;

}

.article .entry blockquote.select h2 {

	margin: 0px 0px 10px 0px;
	padding-left: 195px;
	height: 23px;
	color: #55ABC5;
	font-family: Arial, Helvetica, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 18px;
	line-height: 25px;
	letter-spacing: 1px;
	overflow: hidden;
	background: #FFFFFF url(../img/trader/ss_title.gif) no-repeat;

}

.article .entry blockquote.select dt {

	font-size:17px;
	line-height:1.3;
	margin:0 0 5px;
	padding:1px 0px 0px 235px;
	position:relative;

}

.article .entry blockquote.select dt a img {

	border:2px solid #DEDEDE;
	left:0;
	opacity:0.7;
	position:absolute;
	top:0;

}

.article .entry blockquote.select dd {

	font-size:13px;
	padding-left:235px;
	margin:0;

}

.article .entry ul {margin: 0px 20px 1.5em; color: #2C75BE; font-size: 15px;}
.article .entry ul li {
	margin: 0px 0px 2px;
	padding: 0px 0px 0px 10px;
	background: url(../img/common/triangle_blue.gif) left center no-repeat;
}

.article .entry ol {margin: 0px 35px 1.5em; line-height: 1.2;}
.article .entry ol li {margin: 0px 0px 3px;}

/* example */
.article .entry dl.example {margin: 0px 20px 1.6em;}
.article .entry dl.example dt {
	margin: 0px 0px 2px;
	padding: 0px 0px 0px 10px;
	color: #2C75BE;
	font-size: 15px;
	background: url(../img/common/triangle_blue.gif) left center no-repeat;
}
.article .entry dl.example dd {margin: 0px 0px 12px 12px; padding: 0; color: #626262;}

/* ----- [section] item sp ----- */

.article .entry .item_sp {

	width:208px;
	border:2px solid #CCCCCC;
	margin: 10px;

}

.article .entry .item_sp dt {

	font-size: 13px;
	color: #3C618E;
	font-weight:bolder;
	text-align: center;
	line-height: 1.2;

}

.article .entry .item_sp dt img {

	margin: 5px 10px;

}

.article .entry .item_sp dd {

	font-size: 11px;
	line-height: 1.2;

}

.article .entry .item_sp dd p {

	font-size: 12px;
	margin: 8px 0px 3px 0px;
	text-align: center; 

}

.article .entry .item_sp dd img {

	margin: 0px 5px;

}


/* ----- [section] item introduction ----- */
.article .entry h2 {
	margin: 2em 0px 12px;
	padding: 2px 7px 0px;
	color: #FFFFF0;
	font-size: 17px;
	line-height: 25px;
	background-color: #336633;
}

.article .entry .item {margin: 0px 10px 2.4em; color: #666666; font-size: 13px; line-height: 1.5;}
.article .entry .item li {margin: 0px 0px 1.5em; padding: 0; background: none;}
.article .entry .item h3 {

	background:#FFFFFF url(../img/mote1/item_bottom_title.gif) no-repeat scroll center top;
	display:block;
	height:81px;
	overflow:hidden;
	text-decoration:none;
	text-indent:-10000px;
	margin:1.5em 0 1em 0;

}
.article .entry .item dl {margin: 0; zoom: 1;}
.article .entry .item dl:after {
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}/* for modern browser */

.article .entry .item dt {
	margin: 0px 0px 3px;
	padding: 0;
	font-family: Arial, Helvetica, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 15px;
}
.article .entry .item dt img {float: left; margin: 0px 10px 0px 0px; border: 1px solid #999999;}

.article .entry .item dd {margin: 0px 0px 5px; padding: 0;}
.article .entry .item dd.name {font-weight: bold;}
.article .entry .item dd.link {margin: 0; text-align: right;}
.article .entry .item dd.link a {
	padding-left: 10px;
	background: url(../img/icon/tri_red01.gif) left center no-repeat;
}

.article .entry .item dd p {margin: 0px 0px 5px; font-size: 13px;}
.article .entry .item dd span {display: none;}

/* ----- [section] profile block ----- */
.article .entry #profile {margin: 0px 0px 5px;}
.article .entry #profile h3 {
	margin: 0px 7px 5px;
	padding-left: 15px;
	font-family: Arial, Helvetica, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 13px;
	color: #F4896D;
	line-height: 15px;
	background: url(../img/style2/asterisk.gif) left center no-repeat;
}
.article .entry #profile img {margin: 0px 7px 5px; border: 1px solid #F4896D; float: right;}
.article .entry #profile p {font-size: 13px;}
.article .entry #profile dl {margin: 0px 20px 0px; padding: 0; line-height: 120%;}
.article .entry #profile dl dt {
	margin: 0px 0px 3px;
	padding: 0px 0px 0px 12px;
	color: #F4896D;
	font-size: 13px;
	font-weight: bold;
	background: url(../img/icon/triangle_pink02.gif) left center no-repeat;
	float: left
}
.article .entry #profile dl dd {
	margin: 0px 0px 10px 20px;
	padding: 0;
	color: #373535;
	text-indent: 10px;
	line-height: 130%;
}