/* =========================================
*  INDEX
* ========================================= */
div#main p.btnImg {text-align: right;}
div#main h2.service_txt {padding: 1.5em 0 2.5em 1em;}

#main { width:850px; margin:0 auto; text-align:left;}
#header {height:388px; background:url(../images/header-bg.jpg) no-repeat 0 172px;}
#content {padding:20px 0 33px 0;}
#footer { height:80px; border-top:1px solid #f1f1f1; padding:27px 0 0 2px;}

.col-1, .col-2, .col-3 {float:left;}
.container {width:100%; overflow:hidden;}


#page6 .col-1 {width:260px;}
#page6 .col-2 {width:590px;}


 /* CSS Document */

* {margin:0; padding:0;font-size:100%;}

body{background:#FFFFFF;text-align:center;}
.group {display:inline-block;}
.gruop:after {content:;".";display:block;visibility:hidden;height:0.1px;
font-size:0.1em; 
line-height:0;
clear:both;
}

img {vertical-align:top;}
a img { border:0;}
ul {list-style:none;}
.left {float:left;}
.right {float:right;}
.clear  { clear:both;}

html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.813em;
		line-height:1.154em;
		color:#646464;
	}

input, select { vertical-align:middle; font-weight:normal;}
a {color:#a8c000;}
a:hover{text-decoration:none;}
p {padding-top:40px;}
strong {color:#a8c000; font-size:0.823em; line-height:1.364em;}





/* =========================================
*  MAIN
* ========================================= */



/* ctList */

ol.ctList {
	margin-top: 15px;
	padding-bottom: 20px;
}

ol.ctList li {
	margin-bottom: 35px;
	width: 580px;
}

ol.ctList li.no01 {
	background: url(../img/service/txt_no01.gif) no-repeat 13px 0;
}
ol.ctList li.no02 {
	background: url(../img/service/txt_no02.gif) no-repeat 13px 0;
}
ol.ctList li.no03 {
	background: url(../img/service/txt_no03.gif) no-repeat 13px 0;
}
ol.ctList li.no04 {
	background: url(../img/service/txt_no04.gif) no-repeat 13px 0;
}
ol.ctList li.no05 {
	background: url(../img/service/txt_no05.gif) no-repeat 13px 0;
}
ol.ctList li.no06 {
	background: url(../img/service/txt_no06.gif) no-repeat 13px 0;
}
ol.ctList li.no07 {
	background: url(../img/service/txt_no07.gif) no-repeat 13px 0;
}
ol.ctList li.no08 {
	background: url(../img/service/txt_no08.gif) no-repeat 13px 0;
}

ol.ctList li div.line {
	padding: 0 0 39px 84px;
	background: url(../img/service/line_ctlist.gif) no-repeat left bottom;
}

ol.ctList li div.line h2 span {
	padding: 1px 0 0 8px;
	display: block;
	color: #878787;
	font-weight: normal;
	font-size: 86%;
}

ol.ctList li div.line p {
	margin-top: 19px;
	padding-right: 44px;
}

ol.ctList li div.line p.arw {
	margin: 23px 0 0 9px;
	padding-left: 18px;
	background: url(../img/service/arw_red.gif) no-repeat 0 .3em;
}


/* =========================================
*  LOWER
* ========================================= */
.lower {
	width: 580px;
}

.lower h1 {
	font-size: 0;
	padding-top: 10px;
}

.lower h2 {
	padding-top: 20px;
	font-size: 120%;
	color: #000;
}

	div.lower h2 span {
		font-weight: normal;
	}

.lower p {
	padding: 1em 0;
}

.lower p.opt {
	margin-top: -2.5em;
}

/* =========================================
*  TABLE
* ========================================= */
.lower table {
	margin: .5em 3px 1.5em 0;
	width: 580px;
	border-top: solid #CCC 1px;
	border-left: solid #CCC 1px;
	font-size: 100%;
}

		.lower table th, .lower table td {
			padding: .5em;
			border-right: solid #CCC 1px;
			border-bottom: solid #CCC 1px;
		}

		.lower table th {
			padding-top: .5em;
			width: 8em;
			font-weight: bold;
			background: #F6F6F6;
			text-align: center;
			vertical-align: middle;
		}

		.lower table.const th {
			width: 15em;
		}
		
		.lower table.graphic_cell th.title {
			width: 12em;
		}

		.lower table td {
			height: 34px;
			color: #4A4A4A;
			text-align: left;
		}
		

/* =========================================
*  FLOW
* ========================================= */
.lower div.flow {
	margin: 1em 0 .3em 0;
	width: 580px;
	border: solid #000 1px;
}

	.lower div.flow h2 {
		margin: 0;
		padding: .5em;
		background: #000;
		color: #FFF;
	}

	.lower div.flow ol {
		padding: 0 1em 1em;
	}
	
	*:first-child+html .lower div.flow ol { /* IE7 only */	
		margin-top: 1em;
	}
		
		.lower div.flow ol li {
		}

		*:first-child+html .lower div.flow ol li { /* IE7 only */	
			margin-top: -2em;
		}

			.lower div.flow ol li dl {
				padding: 1em 0 .4em 0;
			}
			
				.lower div.flow ol li dl dt{
					padding: .8em 0 0 3.5em;
					width: 490px;
					height: 30px;
					border-bottom: dotted #111 1px;
					color: #000;
					font-size: 115%;
					font-weight: bold;
				} 
				
				*:first-child+html .lower div.flow ol li dl dt { /* IE7 only */
					padding: .4em 0 0 3.5em;
				}

				.lower div.flow ol li.flow01 dl dt {
					background: url(../img/service/flow_01.gif) no-repeat left;}
				.lower div.flow ol li.flow02 dl dt  {
					background: url(../img/service/flow_02.gif) no-repeat left;}
				.lower div.flow ol li.flow03 dl dt  {
					background: url(../img/service/flow_03.gif) no-repeat left;}
				.lower div.flow ol li.flow04 dl dt  {
					background: url(../img/service/flow_04.gif) no-repeat left;}
				.lower div.flow ol li.flow05 dl dt  {
					background: url(../img/service/flow_05.gif) no-repeat left;}
		
				.lower div.flow ol li dl dd{
					margin: .5em 0 0 7px;
					padding: 0 0 0 40px;
					width: 560px;
					background: url(../img/service/flow_arrow.gif) repeat-y bottom left;
				}

				.lower div.flow ol li dl dd.last_flow{
					background: none;
				} 



/* =========================================
*  TRUMP
* ========================================= */
.lower p.trump_copy {
	margin: .2em 0 1em .5em;
	padding: 0 0 0 .5em;
	border-left: solid #CCC 2px;
	line-height: 1.8em;
}

/* ============================= header ====================== */

#header .row1 {border-bottom:1px solid #f1f1f1; padding:20px 0 16px 0;}
#header .pdf {background:url(images/pdf-bg.gif) no-repeat 0 0; display:block; float:right; font-size:11px; color:#fff; text-decoration:none; padding:8px 18px 9px 41px;}
#header .pdf:hover {text-decoration:underline;}
#header .menu {padding-top:20px;}


/* ============================= footer ====================== */

div.footer_left {
float: left;
width: 500px;
font-size: 11px;
}

div.footer_right {
width: 300px;
float: right;
text-align: right;
font-size: 11px;
} 

/* ============================= 追加 ============================= */

dl.news_side dt {

}

dl.news_side dd {
margin: 5px;
padding-bottom: 10px;
border-bottom: solid 1px #F7FFAF;
 }

dl.news dt {
padding-bottom: 5px;
border-bottom: solid 1px #cccccc;
font-weight: bold;
}

dl.news dd {
margin-top: 10px;
padding-bottom: 40px;
 }

div.magazine_box {
width: 600px;
padding-bottom: 30px;
}

div.magazine_box table.entryimage {
width: 90px;
float: left;
}

div.magazine_box div.magazine_box_right {
width: 410px;
float: left;
margin-left: 10px;
}

div.magazine_box div.magazine_box_right dl dt {
background: #e9e9e9;
border-left: solid 3px #999999; 
padding: 2px 0px 2px 10px;
font-weight: bold;
width: 488px;
}

div.magazine_box div.magazine_box_right dl dd {
margin-top: 10px;
padding: 0px 13px;
width: 475px;
}

table.col2 {
width: 582px;
border-top: solid 1px #cccccc;
border-left: solid 1px #cccccc;
border-collapse:collapse;
margin-top: 20px;
}

table.col2 td {
padding: 10px;
}

table.col2 td.tdleft {
width: 20%;
padding: 7px;
background: #e6e6e6;
font-weight: bold;
border-right: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
}

table.col2 td.tdright {
border-right: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
}

h3.ttl_magazine {
padding: 5px 8px;
font-weight: bold;
background: #d6d6d6;
margin-bottom: 20px;
border-left: solid 5px #000000;
}

table#mail {
margin-top: 20px;
}

table#mail th {
padding: 5px;
padding-right: 20px;
}

table#mail td {
width: 80%;
padding: 5px;
padding-right: 20px;
}

table#mail td.mailtd input {
border: solid 1px #999999;
}

table#mail td.mailtd textarea {
width: 90%;
border: solid 1px #999999;
}

table#mail th.mailbottom {
text-align:center;
}