/*-------------------------------tag-------------------------------*/

* {
	margin:0;
	padding:0;
}

html,body,h1,h2,h3,h4,h5,h6,img,p,a,ul,ol,li,dl,dt,dd,form,blockquote,pre,address{ 
	margin:0;
	padding:0;
	border:0;
	list-style-type:none;
}

body {
	color:#444444;
	font-size:75%;
	line-height:1.3;
	background:#F3F3F3;
	width:760px;
	margin:0 auto;
}

h1,h2,h3,h4,h5,h6 { 
	font-size:100%;
}

input,textarea,option,select {
	color:#444444;
	line-height:1.3;
	font-size:100%;
}

a {
	color:#00007d;
}

a:link,visited,active {
	color:#00007d;
}

a:hover {
	color:#A5A5F5;
}

.clear {
	clear:both;
}

.align_center {
	text-align:center;
}

.align_right {
	text-align:right;
}


/*-------------------------------font-------------------------------*/

.bold {
	font-weight:bold;
}

.small {
	font-size:70%;
}

.ft-10 {
	font-size:10px;
}

/*-------------------------------other-------------------------------*/
.bg-glay {
	width: 520px;
	margin: 0px;
	padding: 10px;
	background-color: #EEEEEE;
}

.clear {
	clear: both;
}
.right {
	float: right;
}

/*-------------------------------color-------------------------------*/

.orange {
	color:#EC641C;
}

.purple {
	color:#0F1F95;
}

.blue {
	color:#2F70B2;
}

.red {
	color:#ff0000;
}

.black {
	color:#444444;
}

/*-------------------------------bgcolor-------------------------------*/
.bg_orange {
	background:#EC641C;
}

.bg_purple {
	background:#0F1F95;
}

.bg_blue {
	background:#2F70B2;
}

.bg_red {
	background:#ff0000;
}

.bg_white {
	background:#ffffff;
}

.bg_gray {
	background:#F3F3F3;
}

.bg_black {
	background:#cccccc;
}

/*-------------------------------layout-all-------------------------------*/
#wrapper {
	width:758px;
	border-left:1px solid #8A8A8A;
	border-right:1px solid #8A8A8A;
	float:left;
	background:#ffffff;
}

#header {
	background:url("../images/header.gif") no-repeat;
	height:73px;
	width:758px;
}

#logo {
	float:left;
	padding:10px 0 0 10px;
	width:369px;
}

h1 {
	float:right;
	width:auto;
	height:33px;
	font-weight:normal;
}

.menu {
	background:url("../images/glo_bg.gif") repeat-x;
	text-align:center;
	padding-top:5px;
	height:25px;
	color:#ffffff;
}

.menu a {
	color:#ffffff;
	text-decoration:none;
}

.menu a:link,visited,active {
	color:#ffffff;
	text-decoration:none;
}

.menu a:hover {
	color:#A5A5F5;
}

#inner_top {
	width:740px;
	padding:0 9px;
	margin:10px 0 20px 0;
}

#inner {
	width:740px;
	padding:0 9px;
	margin:10px 0 20px 0;
}

#inner_top h1 {
	background:url("../images/h1_deco.gif") repeat-x bottom;
	width:100%;
	height:33px;
	font-weight:normal;
}

#inner h1 {
	background:url("../images/h1_deco.gif") repeat-x bottom;
	width:100%;
	height:33px;
	font-weight:normal;
}

#inner_top h2 {
	background:url("../images/h2_deco.gif") repeat-x bottom;
	width:100%;
	margin-top:20px;
	height:33px;
}

h2 {
	width:100%;
	height:50px;
}

h3 {
	background:url("../images/h2_deco.gif") repeat-x bottom;
	width:100%;
	margin-top:20px;
	height:33px;
}

h4 {
	background:url("../images/edit_list.gif") no-repeat;
	height:13px;
	padding-left:35px;
	color:#EC641B;
}

#cullum_l {
	float:left;
	width:540px;
}

.thumb_box {
	width:540px;
}

.thumb {
	float:left;
	text-align:center;
	width:110px;
}

#cullum_r {
	float:right;
	width:190px;
}

.table_deco td {
	padding:5px;
}

.table_deco2 td {
	padding:1px 0;
}


/*-------------------------------space-------------------------------*/

.r33 {
	margin-right:33px;
}

.r12 {
	margin-right:12px;
}

.t5 {
	margin-top:5px;
}

.t10 {
	margin-top:10px;
}

.t20 {
	margin-top:20px;
}

.t30 {
	margin-top:30px;
}

.t40 {
	margin-top:40px;
}

.t50 {
	margin-top:50px;
}

.b5 {
	margin-bottom:5px;
}

.b10 {
	margin-bottom:10px;
}

.b20 {
	margin-bottom:20px;
}

.b30 {
	margin-bottom:30px;
}

.b50 {
	margin-bottom:50px;
}

.b60 {
	margin-bottom:60px;
}

.b70 {
	margin-bottom:70px;
}

.tb10 {
	margin:10px 0;
}

.tb20 {
	margin:20px 0;
}

.tb30 {
	margin:30px 0;
}
/*---フッター---*/
#footer{
	background:url("../images/copyright_bg.gif") repeat-x;
	height:42px;
	width:758px;	
}
#footer .link {
	float:left;
	padding:15px 0 0 10px;
}
#footer .copy {
	float:right;
	color:#00007d;
	font-weight:bold;
	padding:15px 10px 0 0;
}
/*-------------------------------layout-individual-------------------------------*/

.type_a {
	margin:15px 0;
}

.type_a li {
	background:url("../images/list_img_01.gif") no-repeat;
	padding:0 0 5px 15px;
	line-height:1;
	color:#00007d;
	font-weight:bold;
}

#service_box_l {
	float:left;
	width:262px;
}

#service_box_r {
	float:right;
	width:262px;
}

#service_01 {
	background:url("../images/service_01.gif") no-repeat;
	width:253px;
	height:46px;
	padding:55px 3px 0 6px;
	color:#ffffff;
	margin-bottom:5px;
}

#service_01 {
	background:url("../images/service_01.gif") no-repeat;
	width:253px;
	height:46px;
	padding:55px 3px 0 6px;
	color:#ffffff;
	margin-bottom:5px;
}

#service_01 {
	background:url("../images/service_01.gif") no-repeat;
	width:253px;
	height:46px;
	padding:55px 3px 0 6px;
	color:#ffffff;
	margin-bottom:5px;
}

#service_02 {
	background:url("../images/service_02.gif") no-repeat;
	width:253px;
	height:46px;
	padding:55px 3px 0 6px;
	color:#ffffff;
	margin-bottom:5px;
}

#service_03 {
	background:url("../images/service_03.gif") no-repeat;
	width:253px;
	height:46px;
	padding:55px 3px 0 6px;
	color:#ffffff;
	margin-bottom:5px;
}

#service_04 {
	background:url("../images/service_04.gif") no-repeat;
	width:253px;
	height:46px;
	padding:55px 3px 0 6px;
	color:#ffffff;
	margin-bottom:5px;
}

#service_05 {
	background:url("../images/service_05.gif") no-repeat;
	width:253px;
	height:46px;
	padding:55px 3px 0 6px;
	color:#ffffff;
	margin-bottom:5px;
}

#service_06 {
	background:url("../images/service_06.gif") no-repeat;
	width:253px;
	height:46px;
	padding:55px 3px 0 6px;
	color:#ffffff;
	margin-bottom:5px;
}

#service_07 {
	background:url("../images/service_07.gif") no-repeat;
	width:253px;
	height:46px;
	padding:55px 3px 0 6px;
	color:#ffffff;
	margin-bottom:5px;
}

#service_08 {
	background:url("../images/service_08.gif") no-repeat;
	width:253px;
	height:46px;
	padding:55px 3px 0 6px;
	color:#ffffff;
	margin-bottom:5px;
}

.layout_box {
	width:540px;
}

.layout {
	float:left;
	width:172px;
	margin-bottom:10px;
}

dl#flow_box dt {
	float:left;
	clear:both;
	width:180px;
	margin-right:10px;
	margin-bottom:10px;
}

dl#flow_box dd {
	float:auto;
	width:auto;
	height:170px;
}

.type_b {

}

.type_b li {
	background:url("../images/list_img_03.gif") no-repeat;
	padding:0 0 5px 15px;
	line-height:1.3;
}

.type_c {
	margin-left:22px;
}

.type_c li {
	list-style-type:decimal;
	padding-bottom:5px;
}

dl#result dt {
	float:left;
	clear:both;
	width:110px;
	margin-right:10px;
	margin-bottom:10px;
}

dl#result dd {
	float:auto;
	width:auto;
	height:130px;
}

#faq h4 {
	background:url("../images/h4_deco.gif") no-repeat;
	height:20px;
	padding:5px 0 0 10px;
	color:#ffffff;
	margin-bottom:5px;
}

.type_d {
	margin-left:33px;
}

.type_d li {
	list-style-type:decimal;
	padding-bottom:5px;
	color:#EC641C;
}

#faq a {
	color:#EC641C;
	text-decoration:none;
}

#faq a:link,visited,active {
	color:#EC641C;
	text-decoration:none;
}

#faq a:hover {
	color:#F9C492;
}

dl#reader dt {
	float:left;
	clear:both;
	width:112px;
	margin-right:20px;
}

dl#reader dd {
	float:auto;
	width:auto;
}

.type_e {
	margin-left:30px;
}

.type_e li {
	list-style-type:lower-alpha;
	padding-bottom:5px;
}

#column h4 {
	background:url("../images/h4_column.gif") no-repeat;
	height:13px;
	padding-left:18px;
}

#detail li {
	background:url("../images/list_img_02.gif") no-repeat;
	padding:0 0 5px 15px;
	line-height:1;
}

.preview {
	background:url("../images/preview.gif") no-repeat;
	height:10px;
	line-height:1;
	padding-left:15px;
	color:#EC6218;
}

.site_img {
	padding:5px;
	border:1px solid #E0E0E0;
}


/*-------------------------------clearfix-------------------------------*/
/* begin clearfix */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
	display: inline-table;
	zoom: 1; /* for IE5.5 - IE7 */
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */


/*-------------------------- コラム -----------------------------*/
#column-top dl {
	padding: 8px 0 3px 0;
	width: 540px;
	border-bottom: 1px dotted #CCCCCC;
	clear: both;
}
#column-top dt {
	margin: 0px;
	font-weight: bold;
	color: #FF6600;
	float: left;
	width: 80px;
}
#column-top dd {
	margin: 0px;
	float: left;
	width: 450px;
}

#column-navi {
	margin-top: 20px;
}
#column-back {
	float: left;
}
#column-next {
	float: right;
}
