/**
 * common
 */
/* リンク色 start */
a:link{
	text-decoration:none;
	color:#266bb2;
}
a:active{
	text-decoration:underline;
	color:#196AD9;
}
a:visited{
	text-decoration:none;
	color:#7B48B0;
}
a:hover{
	text-decoration:underline;
	color:#196AD9;
}
/* リンク色 end */
h1 {
	margin:0px 0px 8px 0px;
	padding:2px 10px 4px 0px;
	font-size:130%;
	color:#CC3366;
	border-bottom:1px solid #CC3366;
	border-top: 1px solid #CC3366;
}

h2 {
	margin:0px 0px 0px 0px;
	font-size:120%;
	color:#FFFFFF;
	padding:27px 10px 0px 40px;
	background:url(/view/img/mantatsu/bar_step1.jpg) no-repeat;
	height: 30px;
}

h2.h2top {
	margin:14px 0px 6px 0px;
}

h3 {
	font-size:100%;
	color:#333333;
}
h3.color_red {
	font-size:120%;
	font-weight:bold;
	color: #CC3366;
}

.line {
	font-size:100%;
	color:#333333;
}
h4 {
	font-size:100%;
	font-style:normal;
	color:#333333;
}
img{
	border:none;
}

table th,table td,table tr{
	border-color:#FFFFFF;
}

/**
 * 段組み(main/footer)
 */

*{
	margin:0;
	padding:0;
}
html{
	height:100%;
}
body{
	height:100%;
	background-color:#FFFFFF;
	background-image:none;
	font-family:sans-serif;
	font-size:80%;
	line-height:1.6;
}

* html div#container{
	height:100%;
}
div#container{
	width:820px;
	margin:0px auto;
	background:url(/view/img/mantatsu/bg_gra.gif) repeat-y center top;
	position:relative;
	min-height: 100%;
}
body > #container {
		height: auto;
}
div#textarea{
	padding-bottom:100px;/* #1 footer領域 */
	margin:20px auto 5px;
	text-align:left;
	width: 700px;
}

#footer{
	position:absolute;
	text-align:center;
	width:800px;
	height:25px;/* #1 footerlogoが100px */
	background:#CC3366;
	font-size:12px;
	color:#FFFFFF;
	border-top:1px #cccccc;
	bottom:0px;
	margin:0px 10px 0px 10px;/* 影20pxを差し引く */
}

/* 段組み end */

#header {
	margin:0px auto;
	padding-top:0px;
	width:800px;
	height:100px;
	color:#BD000A;
	background:#ffffff;
	background:url(/view/img/mantatsu/header.jpg) no-repeat;
	font-size:100%;
	text-align:left;
	/*text-align:center;*/
	font-weight:bold;
}
#headerhr{
	background-color:#CC3366;
	width:800px;
	text-align:center;
	height:25px;
	margin:0px 10px 0px 10px;/* 影20pxを差し引く */
}
#footerlogo{
	position:absolute;
	width: 800px;
	height:100px;/* #1 */
	margin:0px 10px 0px 10px;/* 影20pxを差し引く */
	text-align:center;
	padding-top:0px;
	bottom:0px;
}

#footerlogo_inline{
	/*position:relative;*/
	float:center;
	text-align:right;
	width: 700px;
	margin:0px auto;
}

/*.Menu
----------------------------*/
div#globalMenu {
	margin:0 auto 0px;
	padding:0;
	width:800px;
	height:25px;
	background:#CC3366;
	text-align:center;
	clear:both;
}
div#globalMenu ul {
	margin:0 auto;
	padding:0;
	list-style:none;
	clear:both;	
	width:780px;
}
div#globalMenu ul li {
	margin:0;
	padding:0;
	float:right;
	text-align:center;
	font-size:small;
}
div#globalMenu ul li a {
	margin:0;
	padding:2px 0;
	display:block;
	width:200px;
	background:#CC3366;
	color:#fff;
	text-decoration:none;
}
div#globalMenu ul li a:hover {
	background:#993366 url(/view/img/mantatsu/common/bg_mainmenu_select.gif) repeat-x;
	/height:21px;/* ie 6,7用 */
}
div#globalMenu ul li a.active {
	color: #FFFFFF;	
}
div#globalMenu ul li a.active span {
	margin:-2px 0;
	padding:2px 0;
	display:block;
	width:200px;
	background:#993366 url(/view/img/mantatsu/common/bg_mainmenu_select.gif) repeat-x;
}
#stepMenu{
	border:solid 1px #FF894C;
	border-width:1px 0 1px 0;
	margin:0 0 20px 0;
	height:78px;
}
#stepMenuWidth{
	width:444px;
	margin:0px auto 0 auto;
}
/*Menu
----------------------------*/

.push {/* footer領域確保 */
	height: 0px; 
}

/* 内容 start*/
.main_container {
	width:800px;
	margin:0px auto 10px auto;
}
/* 内容 end*/

.list_headerdot, .list_headerdot_mb0 {
	margin:0px 0px 0px 0px;
}
.list_headerdot li {
	list-style:none;
	min-height:19px;
	background:url(/view/img/mantatsu/common/header_dot.gif) no-repeat 0em 0.3em;
	margin:0em 0em 0.3em 0em;
	padding:4px 0px 0px 24px;
	font-weight:normal;
}
.list_headerdot_mb0 li {
	list-style:none;
	background:url(/view/img/mantatsu/common/header_dot.gif) no-repeat 0em 0.1em;
	padding:2px 0px 0px 24px;
	margin:0em 0em 0em 0em;
}
.list_headerimage, .list_headerimage_mb0 {
	margin:0px 0px 0px 0px;
}
.list_headerimage li {
	list-style:none;
	min-height:19px;
	background:url(/view/img/mantatsu/common/listheader.gif) no-repeat 0em 0.3em;
	margin:0em 0em 0.3em 0em;
	padding:4px 0px 0px 24px;
	font-weight:normal;
}
.list_headerimage_mb0 li {
	list-style:none;
	background:url(/view/img/mantatsu/common/listheader.gif) no-repeat 0em 0.1em;
	padding:2px 0px 0px 24px;
	margin:0em 0em 0em 0em;
}
.qa_q {
	margin-top:2px;
	margin-bottom:6px;
	padding:2px 2px 2px 20px;
	background:#cccccc url(/view/img/mantatsu/common/header_q.gif) no-repeat 0em 0.2em;
}
.qa_a {
	padding:2px 2px 2px 20px;
	background:url(/view/img/mantatsu/common/header_a.gif) no-repeat 0em 0.2em;
	margin-bottom:16px;
}

/*このページのトップへ start*/
.pagetopbox table tr td.pagetop a:link{text-decoration:none;color: #565656;}
.pagetopbox table tr td.pagetop a.pagetop:active{color :#565656; text-decoration: underline;}
.pagetopbox table tr td.pagetop a.pagetop:visited{text-decoration: none; color: #565656;}
.pagetopbox table tr td.pagetop a.pagetop:hover{color :#565656; text-decoration: underline;}
.pagetopbox {
	margin-top:10px;
	text-align:right;
}
.pagetopbox table tr td.pagetop {
	padding:4px 5px 2px 12px;
	background:url(/view/img/mantatsu/common/up_arr.gif) no-repeat 0em 0.2em;
	font-size:75%;
}
/*このページのトップへ end*/

/*汎用*/
/*汎用マージン*/
.mar_tb3 {
	margin-top:3px;
	margin-bottom:3px;
}
.mar_top14 {
	margin-top:14px;
}
.mar_lr5 {
	margin-left:5px;
	margin-right:5px;
}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml12 {margin-left:12px;}
.ml16 {margin-left:16px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}
.ml60 {margin-left:60px;}
.mar_btm0 {margin-bottom:0px;}
.mar_btm4 {margin-bottom:4px;}
.mar_btm6 {margin-bottom:6px;}
.mar_btm7 {margin-bottom:7px;}
.mar_btm10 {margin-bottom:10px;}
.mar_btm14 {margin-bottom:14px;}
.mar_btm18 {margin-bottom:18px;}
.mar_btm20 {margin-bottom:20px;}
.mar_btm21 {margin-bottom:21px;}
.mar_btm24 {margin-bottom:24px;}
.mar_btm30 {margin-bottom:30px;}
.mar_btm35 {margin-bottom:35px;}
.padd5 {padding:5px;}
.cleaner {
	clear:both;
}

/*padding*/
.pad_top6 {
	padding-top:6px;
}
.pad_top10 {
	padding-top:10px;
}
.pad_top12 {
	padding-top:12px;
}
.pad_top14 {
	padding-top:14px;
}
.pad_top16 {
	padding-top:16px;
}
.pad_top18 {
	padding-top:18px;
}
.pad_top20 {
	padding-top:20px;
}
.pad_top24 {
	padding-top:24px;
}
.pad_top26 {
	padding-top:26px;
}
.pad_top28 {
	padding-top:28px;
}
/*コンテンツエリア*/
.left01 {
	width:100px;
	float:left;
	height: auto;
}

.right01 {
	float:right;
	width:580px;
}

.text-color_red {
	color:#c41212;
}
.text-color_orange {color: #FF6600}

table{
	border-collapse:collapse;
	padding-right: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-left: 0px;
	border: 1px solid #666666;

}
th,td{
	border: 1px solid #333333;
	margin: 0px;
	text-indent: 0px;
	letter-spacing: normal;
	padding: 10px 5px 10px 5px;
	vertical-align:text-top;
}

.border{
	border: 1px solid #cccccc;
}
.shadow_border_under{
	border-top:2px solid #999999;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-left:2px solid #999999;
}
.shadow_border_top{
	border-top:1px solid #cccccc;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	border-left:1px solid #cccccc;
}
.btn_background{
	background:#f0f0f0;
}

/*追加*/
.main_words{
	margin:0 0 1em 0;
}
.main_contents{
	width:auto;
	margin: 0 auto;
}
/* table simple line class */
table.simple_line {
	border:solid #999999 0px;
	border-width:1px 0 0 1px;
	font-size:100%;
	font-weight:normal;
}
table.simple_line th {
	border:solid #999999 0px;
	border-width:0 1px 1px 0;
	text-align:left;
	background-color:#eeeeee;
	padding:5px 10px 5px 10px;
	font-weight:normal;
	vertical-align:middle;
}
table.simple_line td {
	border:solid #999999 0px;
	border-width:0 1px 1px 0;
	text-align:left;
	padding:5px 10px 5px 10px;
}
table.simple_line tr.table_header td {
	text-align: center;
	background-color:#E8E8E8;
	padding:0px 10px 0px 10px;
}
td.bg_color {
	background-color:#E8E8E8;
}
.word_image_box{
	margin:0 0 1em 0;
}
.step_image{margin:25px 0px 5px 0px}
.style1 {font-size: 90%}

/*ログイン*/
.section01 {
	width:670px;
	height:auto;
	padding: 15px 15px 15px 15px;
	border:1px solid #ccc;
	background:#FFFAFA;	
}
.left_section {
	float:left;
	width: 240px;
	height: 251px;
	padding:15px 20px 10px 20px;
/*background:url(/view/img/mantatsu/common/grade_base01.gif) repeat-x;*/
	background-color:#FFFFFB;
	border:0px solid #F0F0F0;
	border-width: 6px 0 6px 6px;
}
.right_section {
	float:left;
	width: 240px;
	height: 251px;
	padding:15px 20px 10px 20px;
/*background:url(/view/img/mantatsu/common/grade_base01.gif) repeat-x;*/
	background-color:#FFFFFB;
	border:6px solid #F0F0F0;
}
.grde01_short {
	background:url(/view/img/mantatsu/common/grde01_short.gif) repeat-x;
	height: 20px;
	width: 800px;
	margin:0px 10px 0px 10px;/* 影20pxを差し引く */
}
.grde01_short_in {
	background:url(/view/img/mantatsu/common/grde01_short.gif) repeat-x;
	height: 20px;
	width: 702px;
}
.box_center {
	text-align:center;
}

/*リスト*/
ul.list_headerimage li {
	background:url(/view/img/mantatsu/common/list_headerimage.gif) no-repeat 2px;
	padding:0 0 0 14px;
}

ul.listheader01 {
	list-style:none;
}
/*ボタン*/
.bt_send {
	vertical-align:middle;
	padding: 0 0 2px 2px;
	margin:0;
}
.bt_center {
	text-align:center;
	padding: 10px 0 0 0;
}
.bt_center_text {
	text-align:center;
	padding:1px 0 0 0;
	font-size: 80%;
}
/*STEP*/
.step_navi {
	text-align:left;
	padding: 0px 0 30px 50px;
}
.hajimete_01 {
	font-size:130%;
	font-weight:bold;
	color:#3366CC;
}
.font120 {
	font-size:130%;
	font-weight:bold;
	color: #CC3366;
}
.font80s {
	font-size:80%;
}
.topback {
	float:right;
}

/*パンくずリスト*/

ol.topicPath03 {
	margin: 0;
	padding: 0;
	font-size: 80%;
	font-weight: bold;
	list-style: none;
	display: inline;
}

ol.topicPath03 li {
	margin-right: 5px;
	float: left;
}
ol.topicPath03 li.step_red {
	display: block;
	position: relative;
	padding: 3px 1.5em 5px 1em;
	background-image: url(/view/img/mantatsu/tp_image01.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background-color: #D35252;
	color: #FFF;
	height: 14px;
}

ol.topicPath03 li a {
	display: block;
	position: relative;
	padding: 3px 2em 5px 1em;
	background-image: url(/view/img/mantatsu/tp_image01.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	height: 14px;
}

ol.topicPath03 li a:link,
ol.topicPath03 li a:visited {
	background-color: #CCCCCC;
	color: #FFFFFF;
	text-decoration: none;
}

ol.topicPath03 li a:hover,
ol.topicPath03 li a:active {
	background-color: #D35252;
	color: #FFFFFF;
	text-decoration: none;
}
/*注意*/

.cautionbox {
	background-color:#FFFFFF;
	border:0px solid #ccc;
	padding:6px 10px 6px 10px;
	margin: 25px 0 25px 0;
	border-width: 1px 0 1px 0;
}
.cautionbox ul.listheader02 {
	padding:0 0 0 15px;
}
.cautionbox ul.listheader02 li{
	list-style:disc;
	font-size: 90%;
}
.cautionbox .textred {
color:#CC0000;
font-weight:bold;
font-size:90%;
}
h3.color_red_line {
	font-size:110%;
	font-weight:bold;
	color: #CC3366;
	border-bottom: 1px solid #ccc;
}
h3.color_line {
	font-size:110%;
	font-weight:bold;
	color: #494949;
	border-bottom: 1px solid #ccc;
}
.box01 {
	float:left;
	padding: 20px 20px 0 0px;
}
.box02 {
	float:left;
	padding: 20px 70px 0 0px;
}
.font80gray {
font-size:80%;
font-weight:bold;
color:#696969;
}
.fontred {
font-weight:bold;
color:#CC3366;
}
.pad_top8 {
padding-top:8px;
}
.pad_top4 {
padding-top:4px;
}
head~/* */body .list01 {
	padding:0 0 0 18px;
}
/* ie 6,7用 */
.list01 {
	padding:0 0 0 30px;
}
.grad02_short {
	background:url(/view/img/mantatsu/common/grad01_short.gif) repeat-x;
	height: 20px;
	width: 578px;
}
.ca_section {
	padding:15px;
	border:1px solid #ccc;
	width:670px;
}
.btm_border {
	border-bottom:1px dotted #585858; 
}