@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 .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: 520px; height: 130px; background: url(../img/style2/title.gif) left top no-repeat;}
.category .title h1 {
	margin: 0;
	height: 60px;
	text-indent: -10000px;
	overflow: hidden;
}
.category .title p {margin: 5px 155px 0px 20px; font-size: 13px;}
.category .title p.description {display: none;}



/* ----- 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/style2/tag.gif) 128px 0px no-repeat;
}
.category .backnumber li h2 a {
	padding-right: 58px;
	color: #FFFFFF;
	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: #FFFF78;}
.category .backnumber li h2 a img {float: left; border: 1px solid #CCCCCC; width: 120px; height: 90px;}
.category .backnumber li h2 a span {
	margin: 0px 16px 0px -50px;
	color: #DEDEDE;
	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: #FFFF78;}
.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/style2/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 h2 {
	margin: 0px 0px 10px;
	height: 33px;
	color: #373535;
	line-height: 1.3;
	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/icon/tri_red01.gif) left center no-repeat;}

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


.article .entry ul {margin: 0px 20px 1.5em; color: #F69B83; font-size: 15px;}
.article .entry ul li {
	margin: 0px 0px 2px;
	padding: 0px 0px 0px 10px;
	background: url(../img/icon/tri_pink.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: #F69B83;
	font-size: 15px;
	background: url(../img/icon/tri_pink.gif) left center no-repeat;
}
.article .entry dl.example dd {margin: 0px 0px 12px 12px; padding: 0; color: #626262;}

/* putting picture */
.article .entry div.pic_main {
	float: right;
	width: 172px;
	color: #666666;
	font-size: 11px;
	/font-size: 10px;/* for IE */
	line-height: 1.2;
	/letter-spacing: 1px;/* for IE */
	text-align: center;
}
.article .entry div.pic_main img {margin: 0px 5px 2px; border: 1px solid #111111; vertical-align: bottom;}


/* ----- [section] item introduction ----- */
.article .entry h2 {
	margin: 2.4em 0px 18px 5px;
	padding-left: 92px;
	height: 23px;
	color: #F87B5C;
	font-family: Arial, Helvetica, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 18px;
	line-height: 25px;
	letter-spacing: 1px;
	overflow: hidden;
	background: #FFFFFF url(../img/style2/check.gif) no-repeat;
}

.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 {
	margin: 0px 0px 3px;
	padding-left: 10px;
	color: #373535;
	font-size: 15px;
	background: url(../img/icon/tri_red01.gif) 0px 1px no-repeat;
}
.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%;
}