﻿/* 全体 */

*{
	margin:0px;
	padding:0px;
}

body {
	font-size:75%;
	line-height:170%;
	color:#666666;
}

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

ul,ol {
	list-style:none;
}

img {
	border:0px;
}

a:link {color:#333333; text-decoration:none;}

a:visited {color:#333333; text-decoration:none;}

a:active {color:#333333; text-decoration:none;}

a:hover {color:#333333; text-decoration:none;}



/* レイアウト */

body {
	text-align:center;
}

div#layout {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	text-align:center;
	background: url(../Image/main_bg_01.jpg) repeat-y;
}

div#header {
	background:#FFFFFF;
	text-align:left;
}

div#header h1 {
	width:800px;
	height:130px;
	background:url(../Image/head01.jpg) no-repeat;
	font-size:10px;
}

div#header h1 a {
	display:block;
	width:800px;
	height:130px;
	text-indent:-9999px;
}

div#header p.sitemaps {
	float:left;
	text-align:right;
	width:200px;
	font-size:10px;
}

p.des {
	float:left;
	width:600px;
	font-size:10px;
	background:#FFFFFF;
}

div#header img {
	margin:0px;
}


div#wrapper {
	width:800px;
	margin:1px 0 0 0;
	text-align:center;
}

div#wrapper table#wrap_table {
	width:800px;
	margin:0;
}

table#wrap_table,
table#wrap_table tr,
table#wrap_table tr td {
	border-collapse:collapse;
	border:0px;
	margin:0;
	padding:0;
	text-align:left;
	vertical-align:top;
	font-size:12px;
}

table#wrap_table tr td#main {
	vertical-align:top;
	padding-right:15px;
}

table#wrap_table tr td#navi {
	vertical-align:top;
}

div#left_menu {
	width:180px;
	padding:15px 0 0 0;
	background:url(../Image/menu01.jpg) no-repeat top;
	text-align:center;
	float:left;
}

div#left_menu div#menu{
	margin:15px 10px;
	margin-bottom:30px;
}

div#left_menu div#menu ul {
	margin:0 0 0 0;
}

div#left_menu div#menu ul li{
	text-align:left;
	font-size:10px;
	margin:0 0 0 0;
}

div#left_menu div#menu ul li a {
	display:block;
	width:160px;
	height:35px;
	background:url(../Image/menu_03.jpg) no-repeat;
	color:#404F62;
}

div#menu ul li span{

	display:block;

	margin-left:25px;
	
	margin-right:5px;

	width:130px;

	height:35px;
	
	vertical-align:middle;

	line-height:17px;

	text-align:left;
}

div#left_menu div#menu ul li a:hover {
	display:block;
	width:160px;
	height:35px;
	background:url(../Image/menu_02.jpg) no-repeat;
	color:#404F62;
}


div#menu ul li ul li span{

	display:block;

	margin-left:25px;
	
	margin-right:5px;

	width:111px;

	height:35px;
	
	vertical-align:middle;

	line-height:17px;

	text-align:left;
}

div#left_menu div#menu ul li ul li {
	text-align:left;
	font-size:10px;
	margin:0 0 0 19px;
}

div#left_menu div#menu ul li ul li a {
	display:block;
	width:141px;
	height:35px;
	background:url(../Image/submenu_01.jpg) no-repeat;
	color:#404F62;
}

div#left_menu div#menu ul li ul li a:hover {
	display:block;
	width:141px;
	height:35px;
	background:url(../Image/submenu_02.jpg) no-repeat;
	color:#404F62;
}

div#menu ul li ul {
	margin:0 0 10px 0;
}


div#left_menu div#banner{
	margin:20px 10px;
	text-align:center;
}

div#left_menu div#banner img{
	margin:15px 0;
}

div#left_menu div#rss{
	margin:20px 10px;
	text-align:center;
}

div#footer {
	clear:both;
	width:800px;
	background:url(../Image/bg_black.jpg) top repeat-x #FFFFFF;
	text-align:right;
}

div#footer ul{
	margin:0;
	text-align:right;
}

div#footer ul li{
	display:inline;
	font-size:10px;
}

div#footer p {
	width:800px;
	margin:0;
}

div.clear {
	clear:both;
}

.example {
	background:url(../Image/example01.jpg) repeat-y ;
}
/* パーツ */
#main table td tr {
	vertical-align:top;
}


#main table.index_box {
	margin:30px 0px;
	float:right;
	overflow:hidden;
	width:580px;
}

h2 {
	font-size:26px;
	color:#333333;
	text-align:right;
	font-weight:bold;
	margin-right:15px;
	line-height:160px;
}

p.index01 {
	width:280px;
	height:25px;
	line-height:25px;
	font-weight:bold;
	text-indent:15px;
	background:url(../Image/index_02.jpg) no-repeat;
}

td.index01 p {
	font-size:12px;
}


td.index02 {
	background:url(../Image/index_05.jpg) no-repeat left top;
}

td.index02 h3 {
	background:url(../Image/index_03.jpg) no-repeat left;
	height:13px;
	line-height:13px;
	text-indent:15px;
	font-size:12px;
	font-weight:bold;
}

td.index02 img {
	float:left;
	margin:5px;
}

td.index02 p {
	float:left;
	width:175px;
	font-size:10px;
	margin:5px 0 0 10px;
}

td.index03 {
	text-align:right;
}

.inner {
	margin:0;
	overflow:hidden;
	width:580px;
}


table.inner tr td p {
	margin:5px;
}

table.inner tr td.dot {
	/*background:url(../Image/main_back.jpg);*/
}

table.inner td.img img {
	margin:0 10px 10px 0;
	background:none #FFFFFF;
}

.title {
	margin-top:30px;
	font-size:40px;
	text-align:right;
	font-weight:bold;
	height:122px;
	width:580px;
	line-height:160px;
	background: url(../Image/h2_japan.jpg) no-repeat;
}

.title_reform {
	margin-top:30px;
	font-size:40px;
	text-align:right;
	font-weight:bold;
	height:122px;
	width:580px;
	line-height:160px;
	background: url(../Image/h2_reform.jpg) no-repeat;
}

.title_origin {
	margin-top:30px;
	font-size:40px;
	text-align:right;
	font-weight:bold;
	height:122px;
	width:580px;
	line-height:160px;
	background: url(../Image/h2_origin.jpg) no-repeat;
}
.title_used {
	margin-top:30px;
	font-size:40px;
	text-align:right;
	font-weight:bold;
	height:122px;
	width:580px;
	line-height:160px;
	background: url(../Image/h2_used.jpg) no-repeat;
}

.title_process {
	margin-top:30px;
	font-size:40px;
	text-align:right;
	font-weight:bold;
	height:122px;
	width:580px;
	line-height:160px;
	background: url(../Image/h2_process.jpg) no-repeat;
}

.title_example {
	margin-top:30px;
	font-size:40px;
	text-align:right;
	font-weight:bold;
	height:122px;
	width:580px;
	line-height:160px;
	background: url(../Image/h2_example.jpg) no-repeat;
}

.title_faq {
	margin-top:30px;
	font-size:40px;
	text-align:right;
	font-weight:bold;
	height:122px;
	width:580px;
	line-height:160px;
	background: url(../Image/h2_faq.jpg) no-repeat;
}

.title_company {
	margin-top:30px;
	font-size:40px;
	text-align:right;
	font-weight:bold;
	height:122px;
	width:580px;
	line-height:160px;
	background: url(../Image/h2_company.jpg) no-repeat;
}

.title_inq {
	margin-top:30px;
	font-size:40px;
	text-align:right;
	font-weight:bold;
	height:122px;
	width:580px;
	line-height:160px;
	background: url(../Image/h2_origin.jpg) no-repeat;
}


.title_less {
	margin-top:30px;
	font-size:40px;
	text-align:right;
	font-weight:bold;
	height:122px;
	width:580px;
	line-height:160px;
	background: url(../Image/h2_less.jpg) no-repeat;
}

.inner h3 {
	font-size:16px;
	font-weight:bold;
	height:22px;
	text-indent:22px;
	line-height:22px;
	background:url(../Image/titleback.jpg) no-repeat;
}

.inner02 h3 {
	font-size:16px;
	font-weight:bold;
	height:22px;
	text-indent:22px;
	line-height:22px;
	background:url(../Image/titleback.jpg) no-repeat;
}

td.pagetop {
	background:#FFFFFF;
	text-align:right;
}

table.inner02 {
	margin:0;
}


table.inner02 tr td p {
	margin:5px;
}

table.inner02 tr td.dot {
	/*background:url(../Image/main_back.jpg);*/
}

table.inner02 td.img img {
	margin:0 10px 10px 0;
	background:none #FFFFFF;
}

h4#step01 {
	margin:0 10px;
	color:#6a3736;
	font-size:12px;
	line-height:44px;
}

h4#step02 {
	margin:0 10px;
	color:#3c2446;
	font-size:12px;
	line-height:44px;
}

h4#step03 {
	margin:0 10px;
	color:#474b66;
	font-size:12px;
	line-height:44px;
}

h4#step04 {
	margin:0 10px;
	color:#404f0c;
	font-size:12px;
	line-height:44px;
}

h4#step05 {
	margin:0 10px;
	color:#686343;
	font-size:12px;
	line-height:44px;
}

h4#step06 {
	margin:0 10px;
	color:#593a1e;
	font-size:12px;
	line-height:44px;
}

.faq01 {
	margin:0 0 20px 0px;
}

.faq01 tr td p a {
	color:#000000;
}

.faq01 tr td p a:hover {
	color:#000000;
	text-decoration:underline;
}

table.faq01 tr td img {
	vertical-align:top;
}

table.faq01 tr td p {
	display:inline;
	color:#000000;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
}

.faq02 p {
	font-size:16px;
	font-weight:bold;
	line-height:40px;
	color:#000000;
}

.company01 {
	/*background:url(../Image/main_back.jpg);*/
	color:#006699;
}

.company02 {
	/*background:url(../Image/main_back.jpg);*/
}

.company02 img {
	margin:10px 10px 0 0;
}

/* テキストサイズ */




/* テキストカラー */

a:link{ color:#660000;}
a:visited{ color:#660000;}
a:active{ color:#660000;}
a:hover{ color:#660000;}

a.bl:link{ color:#000000;}
a.bl:visited{ color:#000000;}
a.bl:active{ color:#000000;}
a.bl:hover{ color:#000000;}


/* awt style */

h3.h3_title_01 {
	font-size:16px;
	font-weight:bold;
	height:22px;
	text-indent:22px;
	line-height:22px;
	background:url(../Image/titleback.jpg) no-repeat;
}

h3.h3_title_02 {
	width:280px;
	height:25px;
	line-height:25px;
	font-weight:bold;
	text-indent:15px;
	background:url(../Image/index_02.jpg) no-repeat;
}

h3.h3_title_03 {
	height:23px;
	padding:10px 0 0 0;
	line-height:20px;
	font-size:18px;
	font-weight:bold;
	text-indent:50px;
	background:url(../Image/check_01.jpg) no-repeat;
}

h4.h4_title_01 {
	background:url(../Image/index_03.jpg) no-repeat center left ;
	height:13px;
	line-height:20px;
	text-indent:15px;
	font-size:14px;
	font-weight:bold;
	color:#7491C0;
}

h4.h4_title_02 {
	background:url(../Image/check_02.jpg) no-repeat left;
	height:20px;
	line-height:20px;
	text-indent:22px;
	font-size:12px;
	font-weight:bold;
}

h5.h5_title_01 {
	background:url(../Image/h4_02.jpg) no-repeat left;
	height:13px;
	line-height:13px;
	text-indent:15px;
	font-size:12px;
	font-weight:bold;
}

.clear {clear:both;}

p.exa {
	margin:0 0 10px 0;
}
p.exa a {
	display:block;
	width:160px;
	height:80px;
	background:url(../Image/left_banner.jpg) no-repeat left;
	text-indent:-9999px;
}

p.exa a:hover {
	background:url(../Image/left_banner_ov.jpg) no-repeat left;
}

p.to_contact {
  text-indent: -9999px;
	width: 560px;
	height: 90px;
	margin: 10px 0;
	}

p.to_contact a {
  display: block;
	width: 560px;
	height: 90px;
	background:url(../Image/bn_contact.jpg) 0 0 no-repeat;
	}

p.to_contact a:hover { background:url(../Image/bn_contact.jpg) 0 -90px no-repeat; }
