@charset "utf-8";



/* =================================== 



キャラクター紹介



=================================== */

.thumnails{

	overflow:hidden;

	padding-bottom:13px;

	border-bottom:1px dotted #77BF63;

}

* html .thumnails{

	overflow:visible;

	height:1%;

}

.thumnails ul li{

	width:172px;

	display:block;

	float:left;

	/*margin-left:4px;

	margin-bottom:2px;*/

}

* html .thumnails ul li{

	/*margin-left:2px;

	margin-right:2px;*/

}

.thumnails ul li a.c-image{

	background-image:url(../images/bg_char_thumb.gif);

	padding:2px;

	display:block;

}

.thumnails ul li a.c-image:link{

	background-position:left top;

}

.thumnails ul li a.c-image:visited{

	background-position:left top;

}

.thumnails ul li a.c-image:hover{

	background-position:left bottom;

}

.thumnails ul li a.c-image:active{

	background-position:left bottom;

}

.thumnails ul li a.c-image img{

	display:block;

}

.thumnails ul li a.c-name{

	display:block;

	width:100px;

	text-align:center;

	font-size:1.2em;

	font-weight:bold;

}

.c-detail{

	clear:both;

	margin-top:30px;

}

/*.character-image{

	float:right;

	width:270px;

	height:240px;

	text-align:center;

}*/

.c-detail p.name{

	margin-bottom:0;

	color:#D92332;

	font-weight:bold;

	margin-bottom:0;

}

.c-detail p.cv{

	color:#333333;

}

span.age{

	color:#000000;

	font-weight:normal;

}



/* 2009.11.27 ---------- */



/* text ---------*/

div.txtwrap {

	margin-top:250px;

	/*width: inherit;*/

}

.c-detail h2 {

	display:inline;

	/*font-size:1.6em;*/

	font-size:16px;

	color:#D92332;

	padding:0 15px;

}

.c-detail p{

	/*font-size:1.2em*/;

	font-size:13px;

	line-height:150%;

	padding:0 0 0 15px;

	margin-bottom:0.5em;

}

.clr:after { /* clearfix */

	content: "."; 

	display: block; 

	height: 0;

	clear: both; 

	visibility: hidden;

}

.c-detail .c-description {

	width: 90%;

	padding:0 15px;

}

* html .c-detail .c-description {

	line-height:1.4em;

	width: 100%;

}

div.to-pagetop{

	text-align:right;

	line-height:1.1;

	padding:0 15px;

	clear:both;

}



/* Navi button */

.thumnails ul {

	clear: both;

}

.thumnails li {

	text-indent:-9999px;

	margin-right:5px;

	margin-bottom:5px;

}

.thumnails li a {

	display:block;

	text-decoration:none;

	width:172px;

	height:71px;

}

/* visited */

.thumnails li#NaviA a:link,

.thumnails li#NaviA a:visited {

	background:url(/character/images/thumb_01.gif) no-repeat 0 0;

}

.thumnails li#NaviB a:link,

.thumnails li#NaviB a:visited {

	background:url(/character/images/thumb_02.gif) no-repeat 0 0;

}

.thumnails li#NaviC a:link,

.thumnails li#NaviC a:visited {

	background:url(/character/images/thumb_03.gif) no-repeat 0 0;

}

.thumnails li#NaviD a:link,

.thumnails li#NaviD a:visited {

	background:url(/character/images/thumb_04.gif) no-repeat 0 0;

}

.thumnails li#NaviE a:link,

.thumnails li#NaviE a:visited {

	background:url(/character/images/thumb_05.gif) no-repeat 0 0;

}

/* Hover */

.thumnails li#NaviA a:hover {

	background:url(/character/images/thumb_01.gif) no-repeat 0 100%;

}

.thumnails li#NaviB a:hover {

	background:url(/character/images/thumb_02.gif) no-repeat 0 100%;

}

.thumnails li#NaviC a:hover {

	background:url(/character/images/thumb_03.gif) no-repeat 0 100%;

}

.thumnails li#NaviD a:hover {

	background:url(/character/images/thumb_04.gif) no-repeat 0 100%;

}

.thumnails li#NaviE a:hover {

	background:url(/character/images/thumb_05.gif) no-repeat 0 100%;

}

/* Current*/

#Kamohara .thumnails li#NaviA a {

	background:url(/character/images/thumb_01on.gif) no-repeat 0 100%;

}

#School .thumnails li#NaviB a {

	background:url(/character/images/thumb_02on.gif) no-repeat 0 100%;

}

#Hoikuen .thumnails li#NaviC a {

	background:url(/character/images/thumb_03on.gif) no-repeat 0 100%;

}

#Work .thumnails li#NaviD a {

	background:url(/character/images/thumb_04on.gif) no-repeat 0 100%;

}

#Other .thumnails li#NaviE a {

	background:url(/character/images/thumb_05on.gif) no-repeat 0 100%;

}

/* */

#kaasan,#tousan,#bunji,#fumi,#baachan,#jhon/* kamohara */

,#gonda,#mugi/* school */{

	width:266px;

	height:456px;

	margin-bottom:20px;

}

#chiikun,#maakun,#daichi,#iwamura/*school*/ {

	width:266px;

	height:546px;

	margin-bottom:20px;

}

#kanna,#takashi,#masa,#joe {/* hoikuen */

	width:266px;

	height:396px;

	margin-bottom:20px;

}

#chika,#hiko,/*school*/

#souki,#johsoh,#batta,#bluered,#kama,#f_shiro,#f_kuro/* other */ {

	width:266px;

	height:436px;

	margin-bottom:20px;

}

#ai,#mizunuma {/* work */

	width:266px;

	height:466px;

	margin-bottom:20px;

}

/* Kamohara ---------*/

#kaasan {

	float:left;

	background:url(/character/images/01_kaasan.gif) no-repeat top;

	max-height:506px;

}

#tousan {

	float:right;

	background: url(/character/images/01_tousan.gif) no-repeat top;

}

#bunji {

	float:left;

	background:url(/character/images/01_bunji.gif) no-repeat top;

}

#fumi {

	float:right;

	background:url(/character/images/01_fumi.gif) no-repeat top;

}

#baachan {

	float:left;

	background:url(/character/images/01_baachan.gif) no-repeat top;

}

#jhon {

	float:right;

	background:url(/character/images/01_jhon.gif) no-repeat top;

}

/* School ---------*/

#chiikun {

	float:left;

	background:url(/character/images/02_chiikun.gif) no-repeat top;

}

#maakun {

	float:right;

	background:url(/character/images/02_maakun.gif) no-repeat top;

}

#daichi {

	float:left;

	background:url(/character/images/02_daichi.gif) no-repeat top;

}

#iwamura {

	float:right;

	background:url(/character/images/02_iwamura.gif) no-repeat top;

}

#mugi {

	float:left;

	background:url(/character/images/02_mugi.gif) no-repeat top;

}

#gonda {

	float:right;

	background:url(/character/images/02_gonda.gif) no-repeat top;

}

#chika {

	float:left;

	background:url(/character/images/02_chika.gif) no-repeat top;

}

#hiko {

	float:right;

	background:url(/character/images/02_hiko.gif) no-repeat top;

}

/* 03 Hoikuen ---------*/

#kanna {

	float:left;

	background:url(/character/images/03_kanna.gif) no-repeat top;

}

#takashi {

	float:right;

	background:url(/character/images/03_takashi.gif) no-repeat top;

}

#masa {

	float:left;

	background:url(/character/images/03_masa.gif) no-repeat top;

}

#joe {

	float:right;

	background:url(/character/images/03_joe.gif) no-repeat top;

}



/* 04 Work ---------*/

#ai {

	float:left;

	background:url(/character/images/04_ai.gif) no-repeat top;

}

#mizunuma {

	float:right;

	background:url(/character/images/04_mizunuma.gif) no-repeat top;

}



/* 05 Other ---------*/

#souki {

	float:left;

	background:url(/character/images/05_souki.gif) no-repeat top;

}

#johsoh {

	float:right;

	background:url(/character/images/05_johsoh.gif) no-repeat top;

}

#f_shiro {

	float:left;

	background:url(/character/images/05_f_shiro.gif) no-repeat top;

}

#f_kuro {

	float:right;

	background:url(/character/images/05_f_kuro.gif) no-repeat top;

}

#batta {

	float:left;

	background:url(/character/images/05_batta.gif) no-repeat top;

}

#bluered {

	float:right;

	background:url(/character/images/05_bluered.gif) no-repeat top;

}

#kama {

	float:left;

	background:url(/character/images/05_kama.gif) no-repeat top;

}