@charset "utf-8";
/* CSS Document */


/*-------------------------------------------------▼全体ここから-------------------------------------------------*/
*{
	margin:0px;
	padding:0px;
}


/*-------------------------------------------------▼魔法のタグ-------------------------------------------------*/
* { box-sizing : border-box}
* { -moz-box-sizing : border-box}



/* サイトの背景画像 幅780pxのYリピート */
body{
	margin:0px;
	padding:0px;
}

/* サイトの共通の文字サイズをここで指 */
p{
	margin:20px 10px 20px 30px;
	padding:0px;
	font:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#444444;
	line-height:1.8em;
	font-size:12px;
	clear:both;
}


/*-------------------------------------------------▲全体ここまで-------------------------------------------------*/


/*-------------------------------------------------▼リンク指ここから-------------------------------------------------*/

a{
	text-decoration:none;
}
a:link {
	color:#444444;
}
a:visited {
	color:#666666;
}
a:hover{
	color:#007aab;
	text-decoration:none;
}
a:active{
	color:#007aab;
}

/*-------------------------------------------------▲リンク指ここまで-------------------------------------------------*/

/*-------------------------------------------------▼ヘッダここから-------------------------------------------------*/

/* ヘッダーのバックグラウンド画像をここで指 */
#head{
	background:url(../img/header_bg.jpg) repeat-x;
	height:155px;
	padding:0px;
	margin:0px;
	text-align:center;
}



/* ヘッダー上のテキストをここで指 */
#head h1{
	margin:0px auto;
	padding:0px;
	background:url(../img/header.jpg) no-repeat;
	text-indent:-9999px;
	width:950px;
	height:120px;
}



/* ヘッダーのロゴマークの部分のリンクのスペースをここで指 
#head h1 a{
	width:160px;
	height:110px;
	text-indent:-9999px;
	display:block;
	margin:25px 0px 0px 40px;
	padding:0px;
	overflow:hidden;
	position:absolute;
}
*/


/*-------------------------------------------------▲ヘッダここまで-------------------------------------------------*/

/*-------------------------------------------------▼ナビゲーションここから-------------------------------------------------*/

#navi{
	width:788px;
	height:28px;
	margin:0px auto;
	padding:0px;
}

#navi ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

#navi li{
	float:left;
	margin:0px;
	padding:0px;
	overflow:hidden;
}

#navi li a{
	text-decoration:none;
	display:block;
	text-indent:-9999px;
}

/* ●●コンテンツ１ボタン画像●●ボタンに合わせてwidthを指 */
#navi_btn1 a{
	width:90px;
	height:28px;
	background:url(../img/navi.jpg) no-repeat 0px 0px;
	}

#navi_btn1 a:hover{
	background:url(../img/navi.jpg) no-repeat 0px -28px;
}

/* ●●コンテンツ２ボタン画像●●ボタンに合わせてwidthを指 */
#navi_btn2 a{
	width:142px;
	height:28px;
	background:url(../img/navi.jpg) no-repeat -90px 0px;
}

#navi_btn2 a:hover{
	background:url(../img/navi.jpg) no-repeat -90px -28px;
}

/* ●●コンテンツ３ボタン画像●●ボタンに合わせてwidthを指 */
#navi_btn3 a{
	width:185px;
	height:28px;
	background:url(../img/navi.jpg) no-repeat -232px 0px;
}

#navi_btn3 a:hover{
	background:url(../img/navi.jpg) no-repeat -232px -28px;
}

/* ●●コンテンツ４ボタン画像●●ボタンに合わせてwidthを指 */
#navi_btn4 a{
	width:180px;
	height:28px;
	background:url(../img/navi.jpg) no-repeat -417px 0px;
}

#navi_btn4 a:hover{
	background:url(../img/navi.jpg) no-repeat -417px -28px;
}

/* ●●コンテンツ５ボタン画像●●ボタンに合わせてwidthを指 */
#navi_btn5 a{
	width:191px;
	height:28px;
	background:url(../img/navi.jpg) no-repeat -597px 0px;
}

#navi_btn5 a:hover{
	background:url(../img/navi.jpg) no-repeat -597px -28px;
}


/*-------------------------------------------------▲ナビゲーションここまで-------------------------------------------------*/

/*-------------------------------------------------▼wrapここから-------------------------------------------------*/

#wrap {
	margin:20px auto;
	padding:0px;
	width:950px;
	}

/*-------------------------------------------------▲wrapここまで-------------------------------------------------*/

/*-------------------------------------------------▼ミドル左（メニュー）ここから-------------------------------------------------*/
#menu {
	width:250px;
	margin:0px;
	padding:0px;
	float:left;
	background:url(../img/menu_bag.jpg) repeat-y;
}

#menu_top {
	width:250px;
	height:55px;
	margin:0px;
	padding:0px;
	background:url(../img/menu_header.jpg) no-repeat;
}


#menu ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

#menu li{
	width:200px;
	height:38px;
	margin:0px;
	padding:0 0 0 30px;	
	overflow:hidden;
	background:url(../img/menu_bg.jpg) no-repeat;
	font-size:12px;
	font-weight:bold;
	line-height:1.5em;
}

#menu ul li a{
	display:block;
	width:250px;
	height:38px;
	color:#723d57;
	color:#333366;
}

#menu ul li a:hover{
	display:block;
	width:250px;
	height:38px;
	color:#FF99cc;
	color:#33CCFF;
}

#menu_bottom {
	width:250px;
	height:40px;
	margin:0px;
	padding:0px;
	background:url(../img/menu_footer.jpg) no-repeat;
}







/*-------------------------------------------------▲ミドル左（メニュー）ここまで-------------------------------------------------*/

/*-------------------------------------------------▼ミドル右（コンテンツ）ここから-------------------------------------------------*/


#contents{
	width:640px;
	float:right;
	margin:0 20px 0 0;
	padding:0px;
}




/*-------------------------------------------------▲ミドル右（コンテンツ）ここまで-------------------------------------------------*/


/*-------------------------------------------------▼フッターここから-------------------------------------------------*/

#footer{
	margin:0px;
	padding:0px;
	background-color:#5f5f5f;
	height:40px;
	clear:both;
}

#footer_inn{
	margin:0px auto;
	padding:0px;
	background-color:#5f5f5f;
	height:40px;
	width:950px;
}

#footer_logo {
	margin:0px;
	padding:0px;
	background:url(../img/footer_logo.jpg) no-repeat;
	text-indent:-9999px;
	width:85px;
	height:40px;
	float:left;
	}

#footer_link{
	margin:18px 0 0 0;
	padding:0px;
	float:right;
	width:850px;
	text-align:right;
}

#footer_link p{
	margin:0px;
	padding:0px;
	color:#FFFFFF;
	font-size:12px;
}

#footer_link a{
	margin:0px;
	padding:0px;
	color:#FFFFFF;
	font-size:12px;
}

#footer_link a:hover{
	margin:0px;
	padding:0px;
	color:#FFFFFF;
	font-size:12px;
	text-decoration:underline;
}


/* コピーライト */
#copy{
	text-align:center;
	margin:10px 0px 30px 0px;
	padding:0px;
}

#copy p{
	margin:0 auto;
	padding:0px;
	color:#444444;
	font-size:12px;
	color:#444444;
	font-family:Arial, Helvetica, sans-serif;
}

/*-------------------------------------------------▲フッターここまで-------------------------------------------------*/




/*-------------------------------------------------▼テキストここから-------------------------------------------------*/

/* 赤色 */
.red12 {
	color:#cc0000;
}

.red12_b {
	color:#cc0000;
	font-weight:bold;
}


/* 青色 */
.blue12 {
	color:#225599;
}

.blue12_b {
	color:#225599;
	font-weight:bold;
}

.blue14 {
	color:#225599;
	font-size:14px;
}


/* 緑色 */
.green {
	color:#70902e;
}

/* 緑色 */
.green_b {
	color:#70902e;
	font-weight:bold;
}

/* ピンク色 */
.pink12 {
	color:#ff88aa;
}

.pink12_b {
	color:#ff88aa;
	font-weight:bold;
}

.pink24_b {
	color:#ff88aa;
	font-weight:bold;
	font-size:24px;
	line-height:1.8em;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}

.spink {
    color:#f245ab;
	}

.spink_b {
    color:#f245ab;
	font-weight:bold;
	}


/* オレンジ色 */
.orange12 {
	color:#f98d00;
}

.orange12_b {
	color:#f98d00;
	font-weight:bold;
}

/* 黄色 */
.yellow12 {
	color:#ffd800;
}

.yellow12_b {
	color:#ffd800;
	font-weight:bold;
}

/* 紫色 */
.purple12 {
	color:#a80a6e;
}

.purple12_b {
	color:#a80a6e;
	font-weight:bold;
}

/* 灰色 */
.gray12 {
	color:#777777;
}

.gray12_b {
	color:#777777;
	font-weight:bold;
}

/* 水色 */
.lightblue12 {
	color:#66aadd;
}

.lightblue12_b {
	color:#66aadd;
	font-weight:bold;
}

.lightblue24_b {
	color:#66aadd;
	font-weight:bold;
	font-size:24px;
	line-height:1.8em;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}

/*-------------------------------------------------▲テキストここまで-------------------------------------------------*/




.text10_or{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height:1.4em;
	font-size:10px;
	color:#CC6600;
}