@charset "utf-8";

/* --------------------------------------
　リセット
--------------------------------------- */
 
* {margin:0px;padding:0px;}

h1{
	display:block; 
	margin-top:27px; 
	color:#002299;
	font-size:22px;
	font-weight:bold;
	text-decoration:none;
	background:#e0e0e0;
}
h2{
	display:block; 
	margin-left:0px; 
	margin-top:27px; 
	color:#000000;
	font-size:19px;
	font-weight:bold;
}
h3,h4,h5,h6 {font-size:100%;}
a {overflow:hidden;}
img {border:none;vertical-align:top;}
li {list-style-type:none;}
hr {}
br.clear {clear:both;}




/* --------------------------------------
　共通部分
--------------------------------------- */

/* ページ全体のテキスト色 */
html {color:#666666;}

/* ページ全体 */
body {
	text-align:center;
	font-size:18px;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif,"Osaka‐等幅";
	line-height:1.6em;
	background:url(null) fixed;
	background-color:#ffffff;
}

/* ページ全体のリンク色 */
/*
a {color:#153860;text-decoration:none;}
a:link {color:#153860;text-decoration:none;}
a:visited {color:#153860;text-decoration:none;}
a:hover {color:#153860;text-decoration:underline;}
a:active {color:#153860;text-decoration:underline;}
*/


/* テキストのスタイル */

.txtR1{color:#e60012;}
.txtB1{color:#00a0e8;}
.u{text-decoration: underline;}
.b{font-weight:bold;}

.s80{font-size:80%;}
.s90{font-size:90%;}
.s100{font-size:100%;}
.s110{font-size:110%;}
.s120{font-size:120%;}
.s130{font-size:130%;}
.s140{font-size:140%;}
.s150{font-size:150%;}
.s200{font-size:200%;}
.s300{font-size:300%;}

.w10{width:10px;}.w20{width:20px;}.w30{width:30px;}.w40{width:40px;}.w50{width:50px;}.w60{width:60px;}.w70{width:70px;}.w80{width:80px;}.w90{width:90px;}.w100{width:100px;}
.w110{width:110px;}.w120{width:120px;}.w130{width:130px;}.w140{width:140px;}.w150{width:150px;}.w160{width:160px;}.w170{width:170px;}.w180{width:180px;}.w190{width:190px;}.w200{width:200px;}
.w210{width:210px;}.w220{width:220px;}.w230{width:230px;}.w240{width:240px;}.w250{width:250px;}.w260{width:260px;}.w270{width:270px;}.w280{width:280px;}.w290{width:290px;}.w300{width:300px;}
.w310{width:310px;}.w320{width:320px;}.w330{width:330px;}.w340{width:340px;}.w350{width:350px;}.w360{width:360px;}.w370{width:370px;}.w380{width:380px;}.w390{width:390px;}.w400{width:400px;}
.w410{width:410px;}.w420{width:420px;}.w430{width:430px;}.w440{width:440px;}.w450{width:450px;}.w460{width:460px;}.w470{width:470px;}.w480{width:480px;}.w490{width:490px;}.w500{width:500px;}
.w510{width:510px;}.w520{width:520px;}.w530{width:530px;}.w540{width:540px;}.w550{width:550px;}.w560{width:560px;}.w570{width:570px;}.w580{width:580px;}.w590{width:590px;}.w600{width:600px;}
.w610{width:610px;}.w620{width:620px;}.w630{width:630px;}.w640{width:640px;}.w650{width:650px;}.w660{width:660px;}.w670{width:670px;}.w680{width:680px;}.w690{width:690px;}.w700{width:700px;}

.l{float:left;}
.r{text-align:right}
.c{text-align:center}


/* ------------------------------------- 
 *	ページレイアウト
--------------------------------------- */

/*ページ全体の幅、レイアウトを中央揃え*/
#wrapper {
	width:100%;
	text-align:center;
	position: relative;
	background:url(./images/common/back.gif) no- repeat;
}

#contents{
	width:950px;
	margin: 0 auto; 
	text-align:left;
}


#header{
	text-align:center;
	color: #ffffff;
}

/* ------------------------------------- 
 *	navi・ヘッダ共通部
--------------------------------------- */

#navi{
	width:100%;
	z-index:9999;
	width:100%;
	height:42px;
	padding-top:8px;
	padding-botom:2px;
	background:#afe0b5;
	text-align:center;
	color:#444444;
}

#navi img{
	margin-left:6px;
	margin-right:6px;
}
#navi img:hover{
	filter:alpha(opacity=70); 
	-moz-opacity: 0.7; 
	opacity: 0.7;
}

#navi a:link {color:#000099;text-decoration:underline;}
#navi a:visited {color:#000099;text-decoration:underline;}
#navi a:hover {color:#000099;text-decoration:none;}
#navi a:active {color:#000099;text-decoration:none;}

/* ------------------------------------- 
 *	フッタ
--------------------------------------- */

#footer{
	width:100%;
	height:28px;
	color:#444444;
	position: absolute;
	bottom: 0px;
	background:#afe0b5;
	text-align:center;
}



/* ------------------------------------- 
 *	キャラ
--------------------------------------- */

.chara{
	float: left;
	width:445px;
	height:284px;
	padding-top:60px;
	margin-bottom:80px;
	
	line-height:1.4em;
	font-size:16px;
	
}

.c1{background-image: url("./images/chara1.jpg");margin-right:60px;}
.c2{background-image: url("./images/chara2.jpg");}
.c3{background-image: url("./images/chara3.jpg");margin-right:60px;}
.c4{background-image: url("./images/chara4.jpg");}
.c5{background-image: url("./images/chara5.jpg");margin-right:60px;}
.c6{background-image: url("./images/chara7.jpg");}
.c7{background-image: url("./images/chara6.jpg");margin-right:60px;}
.c8{background-image: url("./images/chara8.jpg");}


.hov:hover{
	filter:alpha(opacity=70); 
	-moz-opacity: 0.7; 
	opacity: 0.7;
}




/* ------------------------------------- 
 *	メッセージ
--------------------------------------- */
.msg{
	border-top: #e60012 solid 5px;
	border-radius:500px;
	
	width:500px;
}