@charset "utf-8";

/* ===================================================
	About
=================================================== */

#ninni,
#minji,
#jikohasan,
#kabarai{
	margin-bottom: 30px;
}

#ninni{
	margin-top: 20px;
}

h2{
	width: 395px;
	_width: 422px;
	margin: 0 0 15px;
	padding-left: 20px;
	font-size: 123%;
	letter-spacing: 0.16em;
}

h2 span{
	display: inline;
	width: auto;
	padding: 0;
	background: none;
	font-size: 62.5%;
	font-weight: normal;
}

.summary{
	float: right;
	width: 422px;
	line-height: 1.55;
}

img.thumb{
	float: left;
	margin: 0 10px 10px 0;
}

img.illust{
	float: right;
	margin: 0 0 10px 5px;
}

#area p{
	width: auto;
}

.link li{
	clear: both;
	padding: 0;
	background: none;
}

.link li a{
	display: block;
	float: right;
	padding-left: 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: url(../img/btn-bg.gif) repeat-x bottom !important;
}

.link li a span{
	display:block;
	padding: 7px 10px 7px 30px;

}

/*----------------------------------------------------
    Ninni
----------------------------------------------------*/

#ninni h2{
	background: url(../../img/icon-circle_n.gif) no-repeat left 0.45em #e9f1f7;
}

#ninni .link li a{
	color: #103e65;
	text-decoration: underline;
}

#ninni .link li a span{
	background: url(../img/icon-ninni.gif) no-repeat left 0.45em;
}

#ninni .link li a:hover{
	color: #5d8db7;
	text-decoration: none;
}

/*----------------------------------------------------
    Minji
----------------------------------------------------*/

#minji h2{
	background: url(../../img/icon-circle_b.gif) no-repeat left 0.45em #e9f1f7;
}

#minji .link li a{
	background: url(../img/arrow_b.gif) no-repeat left 0.5em;
	color: #006e8f;
	text-decoration: underline;
}

#minji .link li a span{
	background: url(../img/icon-minji.gif) no-repeat left 0.65em;
}

#minji .link li a:hover{
	color: #4c99b0;
	text-decoration: none;
}

/*----------------------------------------------------
    Jikohasan
----------------------------------------------------*/

#jikohasan h2{
	background: url(../../img/icon-circle_p.gif) no-repeat left 0.45em #f2eaee;
}

#jikohasan .link li a{
	background: url(../img/arrow_p.gif) no-repeat left 0.5em;
	color: #70314c;
	text-decoration: underline;
}

#jikohasan .link li a span{
	padding-left: 35px;
	background: url(../img/icon-jikohasan.gif) no-repeat left 0.45em;
}

#jikohasan .link li a:hover{
	color: #996f81;
	text-decoration: none;
}

/*----------------------------------------------------
    Kabarai
----------------------------------------------------*/

#kabarai h2{
	background: url(../../img/icon-circle_y.gif) no-repeat left 0.45em #f9f1d1;
}

#kabarai .link li a{
	background: url(../img/arrow_y.gif) no-repeat left 0.5em;
	color: #d77400;
	text-decoration: underline;
}

#kabarai .link li a span{
	padding-left: 23px;
	background: url(../img/icon-kabarai.gif) no-repeat left 0.45em;
}

#kabarai .link a:hover{
	color: #cf934c;
	text-decoration: none;
}


/*-----------------------------------------------
	Clearfix
-----------------------------------------------*/

#ninni:after,
#minji:after,
#jikohasan:after,
#kabarai:after,
.link li:after,
.summary:after{
	content: url(../img/blank.gif);
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	overflow: hidden;
}

#ninni,
#minji,
#jikohasan,
#kabarai,
.link li,
.summary{
	zoom:1;
}