@charset "utf-8";

/* =========================================================

Menu  :
	1.BROWSER-RESET
	2.BASE-SET
	3.WIRE-FRAME
	4.CUSTOM STYLE
	5.PART STYLE
	6.FORM STYLE
	7.TABLE STYLE
	8.COMMON STYLE

========================================================= */

/* 1.BROWSER-RESET
--------------------------------------------------------- */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

body {
	background: #f3fbfc url(../img/bg_foot.gif) repeat-x left bottom;
}

input,
textarea {
	margin: 0;
}

fieldset,
img {
	border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
	font-style: normal;
	font-weight: normal;
}

ol,
ul {
	list-style: none;
}

caption,
th {
	text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
	line-height: 1;
}

abbr,
acronym {
	border: 0;
}

a:link {
	color: #07519A;
	text-decoration: none;
}
a:visited {
	color: #990099;
	text-decoration: none;
}
a:hover {
	color: #CC0000;
	text-decoration: underline;
}
a:active {
	color: #CC0000;
	text-decoration: underline;
}

hr{
	display: none;
}



/* 2.BASE-SET
--------------------------------------------------------- */

/* FONT-LIB */

body,
input,
select,
textarea {
	font-family: Osaka, "ＭＳ Ｐゴシック", Arial, Sans-serif;
	font-size: 13px;
}

* html body {
	font-size: small; /* for IE6 */
}

*:first-child+html body {
	font-size: small; /* for IE7 */
}

* html table {
	font-size: 100%; /* for IE6 table */
}

.px10 {
	font-size: 77%;
}

.px11,
.xs {
	font-size: 85%;
}

.px12,
.s {
	font-size: 93%;
}

.px13,
.m {
	font-size: 100%;
}

.px14 {
	font-size: 108%;
}

.px15,
.l {
	font-size: 116%;
}

.px16,
.xl {
	font-size: 123%;
}

.px17 {
	font-size: 131%;
}

.px18 {
	font-size: 138%;
}

.px19 {
	font-size: 146%;
}

.px20 {
	font-size: 153%;
}

.px21 {
	font-size: 161%;
}

.px22 {
	font-size: 167%;
}

.px23 {
	font-size: 174%;
}

.px24 {
	font-size: 182%;
}

.px25 {
	font-size: 189%;
}

.px26 {
	font-size: 197%;
}

/* CLEAR-FIX */

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

*:first-child+html .clfix {
	display: inline-block;
	min-height: 1%;
}

/* Hides from IE6/IE Mac \*/
* html .clfix {
	height: 1%;
}

.clfix {
	display: block;
}
/* End hide from IE6/IE Mac */

/* 3.WIRE-FRAME
--------------------------------------------------------- */

html {
	overflow-y: scroll; /* CSS3 */
}

div#AllLayout {
	margin: 0 auto;
	padding: 0px;
	text-align: left;
	width: 950px;
	line-height: 1.4em;
}


/* 4.logo
--------------------------------------------------------- */
div#logo{
	text-align: left;
	margin: 4px auto 10px;
	width: 950px;
}

div#logo p{
	color: #000000;
	display: block;
	font-weight: bold;
	margin: 0px;
	_margin-top: 2px;
	padding: 0px;
}
#logo ol {
	border-top: 1px solid #9ecad4;
	font-weight: bold;
	margin: 4px 0;
	padding: 5px 0 0;
}
#logo li {
	background: url("../img/arrow_breadcrumblist.gif") no-repeat 3px 50%;
	padding-left: 14px;
	white-space: nowrap;
	font-weight: bold;
	display: inline;
	list-style: none none inside;
}
#logo li.first {
	background-image: none;
	float: left;
	margin-right: 6px;
	padding-left: 0;
}
#logo li.now {
	background: url("../img/arrow_breadcrumblist.gif") no-repeat 3px 50%;
	padding-left: 15px;
	white-space: nowrap;
	font-weight: normal;
}



/* 5.box各種
--------------------------------------------------------- */
div.box {
	color: #814115;
	margin: 0 auto;
	width: 920px;
}

	
p.textlead {
	margin-bottom: 1em;
	line-height: 1.4em;
}

/* mainImage
--------------------------------------------------------- */
#mainImage {
	margin:0px 0 10px;
}
#mainImage #imageBack {
	background:url("../img/bgimg_main_01.jpg") no-repeat scroll 0 0 transparent;
	height:240px;
	position:relative;
	width:950px;
}
#mainImage #imageBack .one {
	left:25px;
	position:absolute;
	top:25px;
}
#mainImage #imageBack .two {
	left:20px;
	position:absolute;
	top:173px;
}
#mainImage #imageBack .three {
	left:574px;
	position:absolute;
	top:85px;
}
#mainImage #imageBack .four {
	left:775px;
	position:absolute;
	top:117px;
}
#mainImage .middle {
	background:url("../img/bgimg_main_02.jpg") no-repeat scroll 0 0 transparent;
	position:relative;
	min-height:122px;
	_height:122px;
	width:950px;
}
#mainImage .middle .leftBox {
	float:left;
	min-height:122px;
	_height:122px;
	width:301px;
}
#mainImage .middle .rightBox {
	float:left;
	min-height:122px;
	_height:122px;
	width:649px;
}
#mainImage .middle .leftBox p {
	margin:0 0 0 25px;
	width:257px;
	line-height: 1.3em;
}
#mainImage .middle .rightBox .two {
	left:507px;
	position:absolute;
	top:32px;
}
#mainImage .middle .rightBox .three {
	left:733px;
	position:absolute;
	top:32px;
}
#mainImage .bottom {
	background:url("../img/bgimg_main_03.jpg") no-repeat scroll 0 0 transparent;
	position:relative;
	height:138px;
	width:950px;
}
#mainImage .bottom .one {
	left:94px;
	position:absolute;
	top:7px;
}
#mainImage .bottom .two {
	left:85px;
	position:absolute;
	top:51px;
}
#mainImage .bottom .three {
	left:193px;
	position:absolute;
	top:48px;
}
#mainImage .bottom .four {
	left:685px;
	position:absolute;
	top:48px;
}

/* imageBack02
--------------------------------------------------------- */
#mainArea01 {
	margin:0px 0 10px;
}
#mainArea01 #imageBack02 {
	background:transparent url(../img/bgimg_01.gif) no-repeat scroll 0 0;
	min-height:205px;
	_height:205px;
	position:relative;
	width:920px;
	margin-bottom: 15px;
}
#mainArea01 #imageBack02 .leftBox {
	float:left;
	width:617px;
}
#mainArea01 #imageBack02 .leftBox h3 {
	background: transparent url(../img/ttl_01.gif) no-repeat scroll 0px 0px;
	display: block;
	height: 18px;
	overflow: hidden;
	text-indent: -9999px;
	width: 183px;
	margin-top: 6px;
	margin-left: 10px;
}
#mainArea01 #imageBack02 .leftBox li {
	display: block;
	height: 135px;
	overflow: hidden;
	text-indent: -9999px;
	width: 186px;
}
#mainArea01 #imageBack02 .leftBox .one {
	left:23px;
	position:absolute;
	top:49px;
	background: transparent url(../img/img_01.gif) no-repeat scroll 0px 0px;
}
#mainArea01 #imageBack02 .leftBox .two {
	left:219px;
	position:absolute;
	top:49px;
	background: transparent url(../img/img_02.gif) no-repeat scroll 0px 0px;
}
#mainArea01 #imageBack02 .leftBox .three {
	left:415px;
	position:absolute;
	top:49px;
	background: transparent url(../img/img_03.gif) no-repeat scroll 0px 0px;
}
#mainArea01 #imageBack02 .rightBox {
	float:left;
	width:254px;
	padding-left: 30px;
}
#mainArea01 #imageBack02 .rightBox h3 {
	background: transparent url(../img/ttl_02.gif) no-repeat scroll 0px 0px;
	display: block;
	height: 30px;
	overflow: hidden;
	text-indent: -9999px;
	width: 239px;
	margin-top: 3px;
	margin-bottom: 10px;
}
#mainArea01 #imageBack02 .rightBox p {
	padding-left: 10px;
	padding-bottom: 5px;
}

/* imageBack03
--------------------------------------------------------- */
#mainArea01 #imageBack03 {
	background:transparent url(../img/bgimg_02.gif) no-repeat scroll 0 0;
	min-height:355px;
	_height:355px;
	position:relative;
	width:920px;
	padding-top: 6px;
}
#mainArea01 #imageBack03 h3 {
	background: transparent url(../img/ttl_03.gif) no-repeat scroll 0px 0px;
	display: block;
	height: 18px;
	overflow: hidden;
	text-indent: -9999px;
	width: 518px;
	margin-left: 10px;
	margin-bottom: 4px;
	padding-bottom:15px;
}
#mainArea01 #imageBack03 #point {
	text-align: right;
	padding-top: 9px;
	padding-right: 14px;
	margin-bottom: 7px;
}
#mainArea01 #imageBack03 .flowBox01 {
	left:23px;
	top:49px;
	padding-left: 23px;
}
#mainArea01 #imageBack03 .flowBox01 .oneSet1{
	left:23px;
	top:49px;
	float: left;
	padding-right: 30px;
	width: 196px;
	padding-top: 11px;
}
#mainArea01 #imageBack03 .flowBox01 .oneSet2{
	left:23px;
	top:49px;
	float: left;
	margin-left: -20px;
	margin-right: 20px;
	width: 226px;
}
#mainArea01 #imageBack03 .flowBox01 .oneSet3{
	left:23px;
	top:49px;
	float: left;
	margin-left: -20px;
	width: 196px;
}
#mainArea01 #imageBack03 .flowBox01 .oneSet1 p{
	margin-top: 162px;
	margin-left: 6px;
	width: 186px;
}
#mainArea01 #imageBack03 .flowBox01 .oneSet2 p,#mainArea01 #imageBack03 .flowBox01 .oneSet3 p{
	margin-top: 162px;
	margin-left: 28px;
	width: 186px;
}

/* #imageBack04
--------------------------------------------------------- */
#mainArea01 #imageBack04 {
	background:transparent url(../img/bgimg_03.gif) no-repeat scroll 0 0;
	height:187px;
	position:relative;
	width:920px;
	margin-bottom: 10px;
}
#mainArea01 #imageBack04 .leftBox {
	float:left;
	width:333px;
	padding-top: 15px;
	padding-left: 112px;
}
#mainArea01 #imageBack04 .leftBox ul {
	padding-left: 14px;
	padding-top: 8px;
}
#mainArea01 #imageBack04 .leftBox li {
	font-size: 93%;
	padding-left: 22px;
	padding-top: 2px;
	padding-top: 4px\9; /* IE8 and below */ ;
	background: url(../img/icon_check.gif) no-repeat left top;
	margin-bottom: 6px;
	min-height:19px;
	_height:19px;
}
#mainArea01 #imageBack04 .rightBox {
	float:left;
	width:320px;
	padding-top: 15px;
	padding-left: 30px;
}
#mainArea01 #imageBack04 .rightBox p {
	width:215px;
	padding-left: 12px;
	padding-top: 10px;
}

#mainArea01 #imageBack03 ,#mainArea01 #imageBack04 {
	line-height: 1.2em;
}
#mainArea01 #imageBack03 strong,#mainArea01 #imageBack04 strong {
	font-weight: bold;
	color: #fa5353;
}
/* #mainArea02
--------------------------------------------------------- */
#mainArea02Btm {
	background: url(../img/bg_main02_btm.gif) no-repeat bottom;
	margin:0 0 20px;
	padding-bottom: 7px;
}
#mainArea02Top {
	background: url(../img/bg_main02_top.gif) no-repeat top;
	padding-top: 7px;
}
#mainArea02Top h3 {
	background: transparent url(../img/ttl_04.gif) no-repeat scroll 0px 0px;
	display: block;
	height: 16px;
	overflow: hidden;
	text-indent: -9999px;
	width: 146px;
	margin-left: 7px;
	margin-bottom: 8px;
}
#mainArea02 {
	background: url(../img/bg_main02.gif) repeat-y;
	padding-top: 20px;
	padding-right: 23px;
	padding-left: 23px;
}
#mainArea02 dl {
	margin-bottom: 1em;
	border-bottom: 1px solid #e7d09d;
	padding-bottom: 1em;
}
#mainArea02 dl.last {
	margin-bottom: 0;
	border-bottom: none;
}
#mainArea02 dt {
	width: 168px;
	float: left;
	font-weight: bold;
}
#mainArea02 dd {
	font-size: 93%;
	width: 705px;
	float: left;
}
#mainArea02 .fChr {
	color: #e7d09d;
}

/* 6.applyBox
--------------------------------------------------------- */

div#applyBox {
	color: #814115;
	text-align: center;
}
	
a#apply02 {
	margin: 0 auto;
	text-align: center;
}
div#applyBox p {
	text-align: left;
	width: 445px;
	margin: 0 auto;
	margin-bottom: 30px;
}

/* 7.totoback
--------------------------------------------------------- */
p#toback {
	display: block;
	padding: 0 0 10px;
	text-align: right;
}

/* 8.footer
--------------------------------------------------------- */
div#copy{
	text-align: center;
	border-top: 1px solid #89bdc8;
	color: #488f9e;
	padding-top: 10px;
	padding-bottom: 50px;
}

/* css sprite
--------------------------------------------------------- */
#logo h1 {
	background: transparent url(../img/sp_img.png) no-repeat scroll -326px -126px;
	display: block;
	height: 35px;
	overflow: hidden;
	text-indent: -9999px;
	width: 331px;
}
#mainImage .middle .rightBox .one a {
	background: transparent url(../img/img_main_oubo.png) no-repeat scroll 0px 0px;
	display: block;
	height: 82px;
	overflow: hidden;
	text-indent: -9999px;
	width: 173px;
}
#mainImage .middle .rightBox .one a:hover {
	background: transparent url(../img/img_main_oubo.png) no-repeat scroll 0px -82px;
}

h2#about {
	background: transparent url(../img/sp_img.png) no-repeat scroll 0px 0px;
	display: block;
	height: 61px;
	overflow: hidden;
	text-indent: -9999px;
	width: 950px;
}
h2#method {
	background: transparent url(../img/sp_img.png) no-repeat scroll 0px -61px;
	display: block;
	height: 61px;
	overflow: hidden;
	text-indent: -9999px;
	width: 950px;
	margin-bottom: 14px;
}

a#apply01 {
	background: transparent url(../img/sp_img.png) no-repeat scroll 0px -123px;
	display: block;
	height: 44px;
	overflow: hidden;
	text-indent: -9999px;
	width: 308px;
	margin-left: 612px;
	margin-bottom: 10px;
}
a#apply01:hover {
	background: transparent url(../img/sp_img.png) no-repeat scroll 0px -166px;
}
a#apply02 {
	background: transparent url(../img/btn_apply.gif) no-repeat;
	display: block;
	height: 86px;
	overflow: hidden;
	text-indent: -9999px;
	width: 456px;
}
a#apply02:hover {
	background: transparent url(../img/btn_apply_on.gif) no-repeat;
}