@charset "UTF-8";

/*微調整系は一番下にまとめてある。*/

/*各ブラウザ互換用リセット*/
ol,ul,dl,li,form,p,h1,h2,h3,h4,h5,h6,dt,dd,input,textarea{
	margin:0;
	padding:0;
}

ul{
	list-style-type:none;
}

div{
	margin:0;
	padding:0;
}

img{
	border:0;
}

/*Flash余白対策*/
object,embed{
	vertical-align:top;
}

a{
	text-decoration:none;
	color:#006699;
}

a:hover{
	text-decoration:underline;
}

/*リンク画像hover対策*/
a:hover img{
	opacity:0.6;
	filter:alpha(opacity=60);
}

b{
	font-size:90%;
}

/*IE6用。*/
* html b{
	font-size:105%;
}

body {
	margin:0;
	padding:0;
	background-color:#ffffff;
/*test	background-color:#c0c0c0; */
/*	background-image:url(bg.png);*/
	background-image:url(bg.giff);
	background-repeat:repeat-x;
	background-position:top;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	min-width:600px;    /* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */

	line-height:1.6;
	text-align:center; /*IE6でもコンテンツが中央に表示されるように。*/
/*	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";*/
	font-family:Arial, Helvetica, "ヒラギノ角ゴPro W3", "ＭＳ Ｐゴシック", sans-serif;
	font-size:90%;
	color:#333333;
}


*:first-child+html body{
	font-size:85%;
}

/*IE6用。*/
* html body{
	font-size:75%;
}

#container {
	position : relative;
	margin: 0 auto; 
	width : 960px ; 
/*	border-left:5px solid black;
	border-right:5px solid black;*/
	text-align:left;
}}

/*▼ヘッダー部▼*/
div #header {
	display:block;
	width : 960px;
	position:relative;
}

div #head_right{
	display:block;
	float:right;
	position:relative;
	background-image:url(head_right.jpg);
	background-repeat:no-repeat;
	background-position:top right;
/*upd	width:370px; */
	width:400px;
	height:71px;
	overflow:hidden;
	padding-top:8px;
}

#head_link1{
	font-size:0.8em;
	margin-left:176px;
}

div #meigen{
	font-size:0.9em;
	margin-top:10px;
	margin-left:5px;
}

/*IE6用。*/
* html div #meigen{
	font-size:0.9em;
	margin-top:14px;
	margin-left:5px;
}

.float_r{
	margin:auto;
	display:inline;
	float:right;
	position:relative;
	overflow:hidden;
}

.float_l{
	display:inline;
	position:relative;
	float:left;
}

#topflash{
	display:block;
	clear:both;
	position:relative;
	width:568px;
	height:400px;
	margin:0 auto;
}


/*▼コンテンツ部▼*/

div #contents {
	display:block;
	position:relative;
	width:960px;
	margin:10px auto;	
}

div #contents_l {
	display:inline;
	float:left;
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	width:784px;			/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
	/* background-color:#EEEECC;*/	/* 視覚的な確認用の背景色 */
}

div #main {
	display:inline;
	float:right;
	position:relative;
	width:605px;
	overflow:hidden;
	margin:0 auto;	
}

div .page {
	position:relative;
	width:605px;
	margin:0;
	padding:0;
	overflow:hidden;
}

div .page_area {
	display:block;
	width:605px;
	background-image:url(bg_page.gif);
	background-repeat:repeat-y;
	background-position:top;
	text-align:left;
	overflow:hidden;
	line-height:1.6em;
	font-size:0.9em;
	color:#333333;
}

div #side_l {
	display:inline;
	margin:0;
	padding:0;
	float:left;
	position:relative;
	width:179px;
	overflow:hidden;
}

div #side_r {
	display:inline;
	position:relative;
	float:right;
	text-align:right;
	overflow:hidden;
}

div .side_area {
	display:block;
	width:165px;
	background-image:url(bg_side.gif);
	background-repeat:repeat-y;
	background-position:top;
	text-align:left;
	overflow:hidden;
	font-size:90%;
	line-height:1.4em;
}

div #counter {
	display:block;
	width:165px;
	height:35px;
	background-image:url(counter.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
}


div #counter #wrap{
	padding-right:12px;
	padding-top:7px;
}

/* GLOBALHEADER */
#globalheader { display:block; width: 605px; height: 43px; position: relative; z-index: 9998; }
#globalheader #globalnav { display:block; margin: 0; padding: 0; }
#globalheader #globalnav li { display: inline; }
#globalheader #globalnav li a { float: left; width: 121px; height: 0; padding-top: 43px; overflow: hidden; text-indent:-9999px;}
* html #globalheader #globalnav li a { float: left; width: 121px; height: 43px; padding-top: 43px; overflow: hidden; text-indent:-9999px;}
#globalheader #globalnav li a { background-image: url(menu.png); _background-image: url(menu.gif); background-repeat: no-repeat; }

/* BUTTONS */
#globalheader #globalnav li#btn-standing a { background-position: 0 0; }
#globalheader #globalnav li#btn-10mannin a { background-position: -121px 0; }
#globalheader #globalnav li#btn-kokoro a { background-position: -242px 0; }
#globalheader #globalnav li#btn-profile a { background-position: -363px 0; }
#globalheader #globalnav li#btn-contact a { background-position: -484px 0; }

/* OVER STATES */
#globalheader #globalnav li#btn-standing a:hover { background-position: 0 -43px; }
#globalheader #globalnav li#btn-10mannin a:hover { background-position: -121px -43px; }
#globalheader #globalnav li#btn-kokoro a:hover { background-position: -242px -43px; }
#globalheader #globalnav li#btn-profile a:hover { background-position: -363px -43px; }
#globalheader #globalnav li#btn-contact a:hover { background-position: -484px -43px; }

/* PRESSED STATES */
#globalheader #globalnav li#btn-standing a:active { background-position: 0 -86px; }
#globalheader #globalnav li#btn-10mannin a:active { background-position: -121px -86px; }
#globalheader #globalnav li#btn-kokoro a:active { background-position: -242px -86px; }
#globalheader #globalnav li#btn-profile a:active { background-position: -363px -86px; }
#globalheader #globalnav li#btn-contact a:active { background-position: -484px -86px; }

#globalheader.standing #globalnav li#btn-standing a { background-position: 0 -86px !important;}
#globalheader.a10mannin #globalnav li#btn-10mannin a { background-position: -121px -86px !important;}
#globalheader.kokoro #globalnav li#btn-kokoro a { background-position: -242px -86px !important;}
#globalheader.profile #globalnav li#btn-profile a { background-position: -363px -86px !important;}
#globalheader.contact #globalnav li#btn-contact a { background-position: -484px -86px !important;}

/* 10mannin */
#mailmag{
	background:url(bg_mailmag.gif) bottom left no-repeat;
	padding:115px 0 20px 15px;
	font-size:0.8em;
}

/* media */
.mediainner{
	margin:0 10px;
	padding:20px 20px 10px 40px;
}

.mediainner img{
	float:left;
}

.mediainner .mediainner-right{
	float:right;
	width:350px;
	_width:340px;
	margin-right:25px;
	_margin-right:15px;
}

.mediainner h3{color:#999;margin:0;padding:0;line-height:1; margin-bottom:5px;}
.mediadesc{color:#998833;line-height:1.5;font-weight:bold;}
.mediainner-right p{
	margin-top:10px;
}


/* voice */
.voicecolumn{
	margin:0 5px;
	border-bottom:1px dashed #CCC;
	padding:20px 0;
}

.voicecolumn_last{
	margin:0 5px;
	padding:20px 0;
}

.voicetitle{
	background:url(voiceimg2.gif) 0 50% no-repeat;
	padding:10px 0 10px 0;
	font-size:130%;
	font-weight:bold;
	color:#CC9900;
	margin:0;
}

.voicecolumn p,.voicecolumn_last p{padding-left:45px;margin:0;}

.color8a5300{margin:20px 0 10px 0;}

.td2{color:#999;}

.eye_ppl{
	background-image:url(eye_ppl.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:18px;
}
.eye_pnk{
	background-image:url(eye_pnk.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:18px;
}
.eye_red{
	background-image:url(eye_red.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:18px;
}
.eye_blu{
	background-image:url(eye_blu.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:18px;
}
.eye_yel{
	background-image:url(eye_yel.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:18px;
}
.eye_org{
	background-image:url(eye_org.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:18px;
}

/*▼左メニュー部▼*/
/*div .col2 {
	display:inline;
	position:relative;
	float:left;
	width:200px;
	background-color:#F0F0F0;
	vertical-align:top;
	margin-top:0;
}*/

/*feedburner ここから*/
.date{
	display:inline;
}
.headline{
	display:block;
	font-size:100%;
	word-break:break-all;
	line-height:1.1;
}
/*IE6用。*/
* html .headline{
	padding:0 0 0 0;
	line-height:1.5;
}
*:first-child+html .headline{
	padding:0 0 0 0;
	line-height:1.5;
}
#creditfooter{
	text-align:right;
	margin-bottom:-20px;
}
/*feedburner ここまで*/


/*▼フッター部▼*/
div #footer {
	display:block;
	position:relative;
	clear:both;
	width:960px;
	height:76px;
	background-color:#f4f5f7;
	background-repeat:no-repeat;
	font-size:0.9em;
	text-align:center;
}

div #footer p {
	padding:8px 8px 0 0;
	text-align:right;
	line-height:1.2;
	font-size:70%;
}

div #footer p a{
	color:#FFFFFF;
}

/*IE6用。*/
* html div #footer p {
	font-size:95%;
}


.center_contact{
	display:block;
	position:relative;
	width:424px;
	color:#999999;
	padding-top:10px;
	line-height:1.4em;
	font-size:0.7em;
	margin:0 auto;
}


/*微調整系*/

.clear{clear:both;}

.center{
	text-align:center;
}

.right{
	text-align:right;
}

.orgb{
	color:#FF6633;
	margin-top:5px;
}

.orgbb{
	color:#FF6633;
	text-decoration:underline;
	margin-top:5px;
	font-size:120%;
	font-weight:bold;
	line-height:1.4em;
}

.gold{
	color:#997733;
}

.come{
	color:#FF0099;
}

.gray{
	color:#999999;
}

.large{
	font-size:130%;
	font-weight:bold;
}

.pad20 {
	padding: 15px 20px 20px 20px;
}

.pad10 {
	padding:10px;
}

.pad5 {
	padding:5px;
}
.pad1 {
	padding:1px;
}

.pad-l-5 {
	padding-left:5px;
}

.pad-link {
	padding-left:18px;
	font-size:80%;
	line-height:1.2em;
	margin-bottom:7px;
}

.mb15{
	margin-bottom:15px;
}

.mb10{
	margin-bottom:10px;
}

.mb5{
	margin-bottom:5px;
}

.mb1{
	margin-bottom:1px;
}