/* CSS Document */


/* 全体 */
body {
	margin:20px;
	padding:auto;
	text-align: center;
	font-size:12px;
}


#wraper{
width:860px;
margin:auto;
padding:auto;
text-align:left;
}

a{
color:#9398D8;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}

.clear{
clear:both;
}

.clear hr{
display:none;
}


/* 全体ここまで */



/* ヘッダー */

h1{
margin:0;
padding:0;
width:319px;
height:62px;
}

.head-banner{
margin:0;
padding-left:26px;
width:515px;
height:62px;
}

/* ヘッダーここまで */


/* メイン */

.main{
background-color:#FFFFFF;
width:860px;
height:auto;
margin:0 0 20px 0;
padding:0;
}

/* メインここまで */

/* メインコンテンツ */
.maincontent{
padding:0;
margin:20px 0 0 0;
float:left;
width:640px;
background:#FFFFFF;
}
/* メインコンテンツここまで */

/* ブランディング */

.branding{
width:640px;
padding:0;
margin:0 0 20px 0;
}
/* ブランディングここまで */

/* コンテンツエリア */
.contents-area{
float:left;
width:640px;
margin:0;
padding:0;
line-height:1.8em;
background-color:#ebebeb;
}

/* コンテンツエリア */
.contents-area-in{
width:615px;
margin:0;
padding:0 12px;
background-color:#ebebeb;
}
/* コンテンツエリアここまで */


/* ステップ */
.step-margin{
margin:0 0 20px 0;
padding:0;
}

.step-left{
width:198px;
margin:0 10px 0 0;
padding:0;
}

.step01{
width:198px;
height:98px;
background:url(../img/top_contents_step1_bg.gif) no-repeat;
font-size:12px;
}

.step02{
width:198px;
height:98px;
background:url(../img/top_contents_step2_bg.gif) no-repeat;
font-size:12px;
}

.step03{
width:198px;
height:98px;
background:url(../img/top_contents_step3_bg.gif) no-repeat;
font-size:12px;
}

.step-in01{
margin:0;
padding:0 0 0 80px;
display:block;
width:110px;
font-size:12px;
line-height:1.5em;
}

.step-in01 a{
display:block;
width:110px;
color:#78adbf;
}

.step-in01 a:hover{
text-decoration:underline;
}

.step-in-arrrow01{
margin:0;
padding:0x;
line-height:4.5em;
width:110px;
font-size:14px;
font-weight:bold;
text-indent:18px;
background:url(../img/top_contents_step1_arrow.gif) no-repeat 0 23px;
}

.step-in-arrrow01 a{
display:block;
width:110px;
color:#78adbf;
}

.step-in-arrrow01 a:hover{
text-decoration:underline;
}


.step-in02{
margin:0 0 0 80px;
padding:0;
display:block;
width:110px;
font-size:12px;
line-height:1.5em;
}

.step-in02 a{
display:block;
width:110px;
color:#7adf8d;
}

.step-in02 a:hover{
text-decoration:underline;
}

.step-in-arrrow02{
margin:0;
padding:0x;
line-height:4.5em;
width:110px;
font-size:14px;
font-weight:bold;
text-indent:18px;
background:url(../img/top_contents_step2_arrow.gif) no-repeat 0 23px;
}

.step-in-arrrow02 a{
color:#7adf8d;
}

.step-in-arrrow02 a:hover{
text-decoration:underline;
}



.step-in03{
margin:0 0 0 80px;
padding:0;
display:block;
width:110px;
font-size:12px;
line-height:1.5em;
}

.step-in03 a{
display:block;
width:110px;
color:#9398d9;
}

.step-in03 a:hover{
text-decoration:underline;
}

.step-in-arrrow03{
margin:0;
padding:0;
line-height:4.5em;
width:110px;
font-size:14px;
font-weight:bold;
text-indent:18px;
background:url(../img/top_contents_step3_arrow.gif) no-repeat 0 23px;
}

.step-in-arrrow03 a{
color:#9398d9;
}

.step-in-arrrow03 a:hover{
text-decoration:underline;
}


.step-right{
width:198px;
margin:0;
padding:0;
}

/* ステップここまで */


/* 対応エリア */
.taiou-area{
margin:20px 0 0 0;
width:615px;
background-color:#FFFFFF;
}
html>/**/body .taiou-area-in{
margin:0;
padding:10px 30px;
width:551px;
background-color:#FFFFFF;
font-size:12px;
line-height:1.8em;
}

.taiou-area-in{
margin:0;
padding:10px 30px;
width:615px;
background-color:#FFFFFF;
font-size:12px;
line-height:1.8em;
}

html>/**/body .taiou-area-midashi{
margin:0;
padding:10px 30px;
line-height:1em;
width:551px;
border-bottom:solid 1px #9398D8;
font-size:14px;
font-weight:bold;
color:#9398D8;
}
.taiou-area-midashi{
margin:0;
padding:0 0 0 30px;
line-height:2em;
width:615px;
border-bottom:solid 1px #9398D8;
font-size:14px;
font-weight:bold;
color:#9398D8;
}

/* 対応エリアここまで */


/* 右メニュー */
.rightmenu{
float:left;
width:198px;
margin:20px 0 0 22px;
padding:0;
background:#ebebeb;
}

/* メインメニュー */
.mmenu{
margin:0;
padding:0;
width:198px;
height:294px;
background:url(../img/mmenu_bg.gif) no-repeat;
}

.mmenu ul{
margin:0;
padding:0;
}

.mmenu li{
display:inline;
list-style-type:none;
}

.mmenu li a{
width:198px;
height:35px;
text-indent:-9999em;
text-decoration:none;
display:block;
overflow:hidden;
float:left;
}

.mmenu li.main01 a{
width:198px;
background:url(../img/mmenu.gif) no-repeat 0 0;
}
.mmenu li.main02 a{
width:198px;
background:url(../img/mmenu.gif) no-repeat 0 -35px;
}
.mmenu li.main03 a{
width:198px;
background:url(../img/mmenu.gif) no-repeat 0 -70px;
}
.mmenu li.main04 a{
width:198px;
background:url(../img/mmenu.gif) no-repeat 0 -105px;
}
.mmenu li.main05 a{
width:198px;
background:url(../img/mmenu.gif) no-repeat 0 -141px;
}
.mmenu li.main06 a{
width:198px;
background:url(../img/mmenu.gif) no-repeat 0 -176px;
}
.mmenu li.main07 a{
width:198px;
background:url(../img/mmenu.gif) no-repeat 0 -211px;
}
.mmenu li.main08 a{
width:198px;
background:url(../img/mmenu.gif) no-repeat 0 -246px;
}

.mmenu li.main01 a:hover{
width:198px;
background:url(../img/mmenu.gif) no-repeat 0 -294px;
}
.mmenu li.main02 a:hover{
width:198px;
background:url(../img/mmenu.gif) no-repeat 0 -329px;
}
.mmenu li.main03 a:hover{
width:198px;
background:url(../img/mmenu.gif) no-repeat 0 -364px;
}
.mmenu li.main04 a:hover{
width:198px;
background:url(../img/mmenu.gif) no-repeat 0 -399px;
}
.mmenu li.main05 a:hover{
width:198px;
background:url(../img/mmenu.gif) no-repeat 0 -435px;
}
.mmenu li.main06 a:hover{
width:198px;
background:url(../img/mmenu.gif) no-repeat 0 -470px;
}
.mmenu li.main07 a:hover{
width:198px;
background:url(../img/mmenu.gif) no-repeat 0 -505px;
}
.mmenu li.main08 a:hover{
width:198px;
background:url(../img/mmenu.gif) no-repeat 0 -540px;
}



/* 姉妹サイト */
.sister-site{
margin:20px 0 0 0;
padding:0;
}

.sister-site-in{
margin:0;
padding:0;
width:198px;
font-size:12px;
}

.sister-site-in ul{
margin:0;
padding:0;
}

.sister-site-in li{
margin:0;
padding:0;
width:198px;
height:26px;
display:block;
background:url(../img/menu_sisiter_bg.gif) no-repeat;
line-height:2.2em;
text-indent:42px;
color:#000000;
}

.sister-site-in li a{
margin:0;
padding:0;
width:198px;
height:26px;
display:block;
background:url(../img/menu_sisiter_bg.gif) no-repeat;
text-indent:42px;
color:#9398D8;
}

.sister-site-in li.bottom{
margin:0;
padding:0;
width:198px;
height:21px;
}

/* 姉妹サイトここまで */

/* 右メニューここまで */

/* フッター */
.fotter-margin{
margin-top:20px;
}

.footer{
margin:0;
padding:0;
width:860px;
height:40px;
text-align:center;
background-color:#ebebeb;
line-height:4em;
font-size:12px;
}

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



/* 下層ページ */
.kasou{
margin:0 0 20px 0;
padding:0;
width:615px;
background-color:#FFFFFF;
}
.kasou-text{
margin:0;
padding:0 16px 20px 16px;
width:580px;
font-size:12px;
line-height:1.5em;
}

.m-midashi{
margin:0px 0 10px 0;
padding:10px 0 0 0;
font-size:14px;
font-weight:bold;
width:580px;
height:40px;
background:url(../img/midashi_m.jpg) no-repeat 0 0px;
}

.p-midashi{
margin:10 0 10px 0;
padding:3px 0 0 44px;
font-size:12px;
font-weight:bold;
width:550px;
height:auto;
background:url(../img/midashi_point.jpg) no-repeat;
}

.s-midashi{
font-size:14px;
font-weight:bold;
color:#9398D8;
border-bottom-style:dotted;
border-bottom-color:#9398D8;
border-bottom-width:1px;
margin:20px 20px 10px 10px;
}

/*table*/

.g04{
width:550px;
padding:0;
margin:20px 0 10px 0px;
border-top:1px solid #cccccc;
    border-left:1px solid #cccccc;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
}

.g04 th{
    border-right:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
    color:#ffffff;
    background-color:#9398D8;
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
	font-size:12px;
	font-weight:bold;
}
.g04 td{
    border-right:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
    padding:0.3em 1em;
	font-size:12px;
}

/* table-end */

/* 下層ページここまで */

#gplink {
margin:0 auto;
margin-top:10px;
margin-bottom:10px;
padding:6px;
font-size:10px;
line-height:1.2;
width:860px;
word-break: keep-all;
color:#999;
border:#e8e8e8 solid 1px;
background:#f8f8f8;
text-align:left;
}
#gplink a{
text-decoration:none;
color:#666;
margin-right:5px;
font-size:10px;
}