/*
━━━━━━━━━━━━━━━━━━━━━━━━━
 INFOPLATE 4.0.4
 Update : 2011.02.23
  (c) Yoshida Design Inc. All Rights Reserved.
━━━━━━━━━━━━━━━━━━━━━━━━━
*/

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* リンク色 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
a {
	color:#0044cc;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ページ背景色 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
body {
	background-color: #e8e8e8;
	background-image: url(../image-design/bg-body.gif);
	background-repeat: repeat;
}
/* 背景画像 */
div#bg-image {
	background-image: url(../image-design/bg-image.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
	padding: 10px 0 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* メニュー */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#menu-bg {
	/* ↓メニューの色 */
	background-color: #454545;
}
table#menu li {
	/* ↓文字の大きさ */
	font-size: 14px;
}

@charset   "Shift_JIS";


/*---------------------------------------------------------------------------
      基本設定
---------------------------------------------------------------------------*/
body{
 background-color:    #330033;
 background-image:    url(img/bg_3.gif);
 background-position: center;
 background-repeat:   repeat-y;
 color:               #333333;
 font-family:         'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
 margin:              0px;
 padding:             0px;
 text-align:          center;
}


.main{
 background-color: #FFFFFF;
 color:            #333333;
 margin:           0px auto;
 width:            600px;
}


div,td{
 text-align: left;
}


p,pre{
 font: 16px/24px 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック', sans-serif;
}


li{
 margin:          0px;
 list-style-type: none;
}


ol,ul{
 margin:  0px;
 padding: 0px;
}


em{
 font-style:  normal;
 font-weight: bold;
}


img{
 border: 0px;
}


/*________ リンクテキスト用 ________*/
a{
 color:           #0000FF;
 text-decoration: underline;
}

a:hover,
a:active, 		/* for IE (Keyboard) */
a:focus{
		/* for Netscape (Keyboard) */
 color:           #FF0000;
 text-decoration: none;
}



/*---------------------------------------------------------------------------
      ヘッダー
---------------------------------------------------------------------------*/
#header{
}


/*________ トップメニュー ________*/
#header #t-menu{
 background-position: center;
 background-repeat:   repeat-y;
 color:               #333333;
 margin:              auto;
 padding:             0px;
/* padding: 4px 20px 0px 20px; */
 width:   600px;
}

#header h1{
 background-color: #FFFFFF;
 color:            #333333;
 font-size:        12px;
 font-weight:      normal;
 line-height:      14px;
 margin:           0px;
}

#header #t-menu p{
 font-size:   12px;
 line-height: 14px;
 margin:      2px;
 text-align:  right;
}

#header #t-menu a{
 color:           #333333;
 text-decoration: underline;
}

#header #t-menu a:hover,
#header #t-menu a:active, 		/* for IE (Keyboard) */
#header #t-menu a:focus{
		/* for Netscape (Keyboard) */
 color:           #FF0000;
 text-decoration: none;
}


/*________ トップバナー ________*/
#header #banner{
 background-image : url(../img/head.jpg);
 background-position: center;
 background-repeat:   repeat-y;
 color:               #333333;
 font-family:         'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
 margin:              0px;
 padding:             0px;
 text-align:          center;
/* width:               850px;*/
}




/*---------------------------------------------------------------------------
      メインコンテンツ
---------------------------------------------------------------------------*/
.contents{
 margin: 10px 0px 0px 20px;
 width:  560px;
}



#contents p{
 margin: 8px 16px;
}


#contents ul{
 margin: 8px 16px;
}

div.img-move a:hover {
 position: relative;
 top: 5px;
 left: 5px;
}


div ul li {
	list-style:none;
	text-align:left;
	font-size:18px;
	font-weight:bold; 
	line-height:170%;
	padding:0 0 5px 30px;
	margin:5px 10px 5px 12px;
    background: transparent url(../img/3kaku_005.png) no-repeat left 0.1em;
/*	background: transparent url(../img/bullet1.gif)  no-repeat 0 0; */
}

/*div ul li {
	list-style:none;
	text-align:left;
	font-size:18px;
	font-weight:bold;
	line-height:170%;
	padding:0 0 7px 20px;
	background: transparent url(../img/bullet1.gif)  no-repeat 0 5px;
}
*/

#contents table{
 margin: 0px 16px 8px 16px;
 width:  580px;
}
#contents table th{
 width: 160px;
}
#contents table td{
 width: 400px;
}


/*________ コンテンツタイトル ________*/
#contents m1{
 background-position: left center;
 background-repeat:   no-repeat;
 width:               600px;
}

#contents mpic{
 background-position: center;
 margin:              0px;
 padding:             0px;
 text-align:          center;
}

#contents h2{
 background-image:    url(img/bg_h2.gif);
 background-position: left center;
 background-repeat:   no-repeat;
 font-size:           21px;
 line-height:         34px;
 margin:              8px 0px 8px 4px;
 text-indent:         36px;
 width:               550px;
}

#contents h3{
 width:               520px;
 text-align:          left;
 border-style:        solid;
 border-color:        #8b0000;
 border-width:        0 0 3px 20px;
 font-size:           18px;
 line-height:         24px;
 margin:              30px 0px 20px 4px;
 padding:             5px 5px 5px 10px;
}



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

#footer {
	clear:both;
margin:0;
padding:5px 0 5px 0;
text-align:center;
font-size:10px;
line-height:200%;
border-top:solid 1px #999999;
}




/*________ コピーライト ________*/
#footer #copyright{
 color:       #666666;
 font-size:   12px;
 line-height: 24px;
 text-align:  center;
}






/*---------------------------------------------------------------------------
      クラス
---------------------------------------------------------------------------*/
/*________ 解除用 ________*/
.clear{
	clear: both; 
}


/*________ フロートボックス解除用 ________*/
.fl-clear{
	clear: both !important; 
}


/*________ テキストスタイル用 ________*/
.b{
	font-weight: bold !important; 
}

.s{
	text-decoration: line-through !important; 
}

.u{
	text-decoration: underline !important; 
}

.box-pro {
	width: 530px;
/*	border: thick #ff0000 solid;
	margin-bottom: 20px;
	padding-right: 5px;
	padding-left: 5px;
	float: none; ________*/
	padding: 2px 20px;
	background-color: #993366;
}

.box-pro2 {
	width: 530px;
/*	border: thick #ff0000 solid;
	margin-bottom: 20px;
	padding-right: 5px;
	padding-left: 5px;
	float: none; ________*/
	padding: 2px 20px;
	background-color: #330000;
}

.box-pro3 {
	width: 530px;
/*	border: thick #ff0000 solid;
	margin-bottom: 20px;
	padding-right: 5px;
	padding-left: 5px;
	float: none; ________*/
	padding: 2px 20px;
	background-image: url(img/big_aizawasama_kodaishi.jpg)  ;
}

.box-pro4 {
	width: 530px;
/*	border: thick #ff0000 solid;
	margin-bottom: 20px;
	padding-right: 5px;
	padding-left: 5px;
	float: none; ________*/
	padding: 2px 20px;
	background-image: url(img/waku.jpg)  ;
}

.box-pro5 {
	width: 530px;
/*	border: thick #ff0000 solid;
	margin-bottom: 20px;
	padding-right: 5px;
	padding-left: 5px;
	float: none; ________*/
	padding: 2px 20px;
	background-image: url(img/waku2.jpg)  ;
}

.box-pro6 {
	width: 530px;
/*	border: thick #ff0000 solid;
	margin-bottom: 20px;
	padding-right: 5px;
	padding-left: 5px;
	float: none; ________*/
	padding: 2px 20px;
	background-image: url(img/waku3.jpg)  ;
}

.box-pro7 {
	width: 530px;
/*	border: thick #ff0000 solid;
	margin-bottom: 20px;
	padding-right: 5px;
	padding-left: 5px;
	float: none; ________*/
	padding: 2px 20px;
	background-image: url(img/waku4.jpg)  ;
}



hr#dash {
	border-top: 1px dashed #999999;
}

.box-ki {
	width: 530px;
	padding: 2px 20px;
	background-color:#ffffa0
;
}

.box-akawaku {
	width: 530px;
	padding: 20px;
	background-color: #ffffff;
	border: 3px solid #ff0032;
/*	border: 3px double #faaa32;
	margin-bottom: 20px;
	padding-right: 5px;
	padding-left: 5px;
	float: none; ________*/
}


.box-mizuwaku {
	width: 524px;
	padding: 10px 15px 10px;
	margin-bottom: 15px;
	background-color: #e6ffff;
	border: 3px solid #00c8ff;
/*	border: 3px double #faaa32;
	margin-bottom: 20px;
	padding-right: 5px;
	padding-left: 5px;
	float: none; ________*/
}

.box-pro-toku {
	width: 560px;
/*	border: 3px double #faaa32;
	margin-bottom: 20px;
	padding-right: 5px;
	padding-left: 5px;
	float: none;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #ebebeb; ________*/
}

.spl {
	width:560px;
	margin:0px auto 30px auto;
	padding:0px;
	font-size:16px;
	line-height:150%;
	background:url(img/tui-mid.jpg) repeat-y;
}

.spl .spl_ttl {
	width:560px;
	margin:0px 0px 20px 0px;
	padding:0px;
}

.spl p {
	width:510px;
	margin:0px auto 18px auto;
	padding:0px;
}

.spl .spl_btm {
	width:560px;
	height:12px;
	margin:0;
	padding:0;
	background:url(img/tui-btm.jpg) no-repeat bottom;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 囲みA */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
.box-a {
	width: 530px;
	padding: 5px 15px 5px;
	margin-bottom: 10px;
	background-color:#ebebeb
	;
}

.box-qa-q {
	width: 520px;
	padding: 5px 20px 5px;
}

.box-qa-a {
	width: 520px;
	padding: 5px 20px 5px;
	margin-bottom: 15px;
}
	
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 囲みＢ */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
div.box-b {
	/* ↓枠の色 */
	border-color: #999999;
	/* ↓枠の太さ */
	border-width: 1px;
	
}
td#main div.box-b h3 {
	/* ↓見出しH３の色 */
	color: #ffffff;
	/* ↓見出しH３のバックの色 */
	background-color: #999999;
	
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 囲みＣ */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
div.box-c {
	/* ↓枠の色 */
	border-color: #999999;
	/* ↓枠の太さ */
	border-width: 1px;
	
}
td#main div.box-c h3 {
	/* ↓見出しH３の色 */
	color: #ffffff;
	/* ↓見出しH３のバックの色 */
	background-color: #999999;
	
  background-image : url(img/bg_3.gif);
}




/*________ フォントサイズ用 ________*/
.fsmoji{
 font-size:   14px !important;
 line-height: 18px !important;
}

.fs10{
 font-size:   10px !important;
 line-height: 12px !important;
}

.fs12{
 font-size:   12px !important;
 line-height: 14px !important;
}

.fs14{
 font-size:   14px !important;
 line-height: 18px !important;
}

.fs14b{
 font-size:   14px !important;
 line-height: 21px !important;
 font-weight: bold !important;
}

.fs16{
 font-size:   16px !important;
 line-height: 24px !important;
}

.fs16b{
 font-size:   16px !important;
 line-height: 24px !important;
 font-weight: bold !important;
}

.fs16bs{
 font-size:   16px !important;
 line-height: 20px !important;
 font-weight: bold !important;
}

.f18{
 font-size:   18px !important;
 line-height: 26px !important;
}

.big2 {
 font-size: 130% !important;
 font-weight:bold !important;
}

.lh18 {
 line-height: 1.8em !important;
}


/*________ テキスト位置用 ________*/
.ta-c{
	text-align: center !important; 
}

.ta-r{
	text-align: right !important; 
}

.fl-l{
	float: left !important; 
}

.fl-r{
	float: right !important; 
}

.va-m{
	vertical-align: middle !important; 
}


/*________ テキスト色用 ________*/
.red{
 color:       #ff0032 !important;
 font-weight: bold !important;
}

.blue{
 color:       #0000FF !important;
 font-weight: bold !important;
}

.error{
 color:       #CC0000 !important;
 font-weight: bold !important;
}


/*________ マージン用 ________*/
.m-t4{
	margin-top: 4px !important; 
}

.m-l10{
	margin-left: 10px !important; 
}

.m-r6{
	margin-right: 6px !important; 
}

/* transparent */

body {
	background-image : url(../img/bg_3.gif);
}