@charset "Shift-JIS";



/*



	common	--------------------------------------------------------



*/



body {

	font-size: 12px;

	margin:0;

	padding:0;

	color: #666666;

	background-color: #ACBECC;

	background-image: url(../common_images/body_bg.jpg);

	background-repeat: repeat-x;

	text-align: center;

}



h1{

margin:0;

padding:0;

	font-size: 10px;

	color: #FFFFFF;

	font-weight:normal;

	text-decoration:none;

	margin-left:22px;

}



h2{

margin:0;

padding:0;

font-size: 12px;

line-height: 1.5em;

font-weight: normal;

}

h3 {

margin:0;

padding:0;

font-size: 12px;

line-height: 1.5em;

font-weight: normal;

}

h4 {

margin:0;

padding:0;

font-size: 12px;

line-height: 1.5em;

font-weight: normal;

}

h5 {

	margin:0;

	padding:0;

	font-size: 14px;

	line-height: 1.5em;

	color: #5985CC;

}



p{

margin:0;

padding:0;

font-size: 12px;

line-height: 1.5em;

}

a {

	color: #336633;

}

a:hover {

	color: #ff6600;

}

img{border: 0px;vertical-align: bottom;}

ul {

	margin: 0px;

	padding: 0px;

}

li {

	margin: 0px;

	padding: 0px;

	font-size: 12px;

	line-height: 1.3em;

	list-style-type: none;

}





/*



	layout	--------------------------------------------------------



*/

.wrap{

	width:780px;

	background-image: url(../common_images/wrap_bg.gif);

	background-repeat: repeat-y;

	text-align: center;

	margin:auto;

}

.container{

	width:780px;

}

.page_left {

	background-image: url(../common_images/wrap_bg_left.jpg);

	background-repeat: no-repeat;

}

.page_right {

	background-image: url(../common_images/wrap_bg_right.jpg);

	background-repeat: no-repeat;

}





.left_column {

	width: 190px;

	background-image: url(../common_images/left_column_bg.gif);

}

.right_column {

	width: 580px;

}

.contents{

	margin-bottom: 20px;

	margin-left: 20px;

	width: 530px;

}

.border_bottom_box {

	margin-bottom: 20px;

	padding-bottom: 10px;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #50b81b;

}



.h3_box{

	margin-bottom:15px;

}

.h3_box a{

	background-image: url(../common_images/h3_bg01.jpg);

	background-repeat: no-repeat;

	color: #333333;

	font-size: 16px;

	font-weight: bold;

	text-decoration: none;

	height: 28px;

	padding-top:6px;

	padding-left:18px;

	width: 530px;

	display: block;

}

.h3_box_02{

	vertical-align:top;

	margin:0 0 10px 0;

	width: 256px;

	padding:0px;

}

.h3_box_02 a{

	background-image: url(../common_images/h3_bg02.jpg);

	background-repeat: no-repeat;

	color: #333333;

	font-size: 16px;

	font-weight: bold;

	text-decoration: none;

	height: 28px;

	padding-top:6px;

	padding-left:18px;

	display: block;

}

.h4_box{

	background-image: url(../common_images/h4_bg.jpg);

	background-repeat: no-repeat;

	margin-bottom:15px;

	height: 23px;

	width: 530px;

}

.h4_box h4{

	color: #fff;

	font-size: 14px;

	font-weight: bold;

	padding-top:1px;

	padding-left:18px;

}





.layout_box_01 {

	margin-bottom: 25px;

	margin-left: 5px;

}

.layout_box_02 {

	margin-bottom: 5px;

	margin-left:5px;

}

.layout_box_03 {

	margin-left: 5px;

}







.whatsnew {

	width:520px;

	height:100px;

	overflow:auto;

	padding-right: -20px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-right-color: #c9c9c9;

	border-bottom-color: #c9c9c9;

	border-left-color: #c9c9c9;

	background-color: #f5f5f5;

}

.whatsnew_title{

	background-image: url(../common_images/green.gif);

}

.whatsnew_title p{

	font-size:12px;

	color:#FFFFFF;

	font-weight:bold;

	padding-top: 3px;

	padding-bottom: 3px;

	margin-left: 7px;

}

.whatsnew_p{

	padding-left: 10px;

	margin-bottom: 10px;

}





/*



	header	--------------------------------------------------------



*/

.header {

	width:780px;

}

.header p{

	font-size:12px;

	line-height:1.3em;

}

.h1_bg {

	height:30px;

	width: 780px;

	background-image: url(../common_images/header_h1_bg.gif);

	background-repeat: repeat-x;

}

h1 a{

	font-size: 10px;

	color: #FFFFFF;

	font-weight:normal;

	text-decoration:none;

}

h1 a:hover{

	text-decoration:none;

	color: #FFFFFF;

}

.header .header_main_bg {

	width: 780px;

	position: relative;

}



.header .header_logo {

	position: absolute;

	left: 20px;

	top: 5px;

}

.header_id_title {

	font-size: 14px;

	font-weight: bold;

	margin-bottom: 10px;

}

.header h2 {

	font-size: 10px;

	width: 225px;

	position: absolute;

	left: 30px;

	top: 130px;

}





.header_id {

	width: 225px;

	position: absolute;

	top: 238px;

	left: 30px;

}

.header_main {

	width: 480px;

	position: absolute;

	left: 280px;

	top: 5px;

}







/*



	left_column	--------------------------------------------------------



*/

.glb_menu{

	width: 190px;

}

.glb_btn_top {

	padding:0 10px;

	background-image: url(../common_images/glb_menu/glb_bg.jpg);

	background-repeat:repeat-y;

}

.glb_btn {

	padding:0 10px;

	background-image: url(../common_images/glb_menu/glb_bg.jpg);

	background-repeat:repeat-y;

}

.glb_btn_bottm {

	padding:1px 10px 15px 10px;

	margin-bottom:5px;

	background-image: url(../common_images/glb_menu/glb_bg_bottom.jpg);

}



.recruit_btn_bg {

	background-image: url(../common_images/recruit_btn_bg.gif);

	background-repeat: repeat-x;

	background-position: bottom;

	height: 55px;

	width: 179px;

	margin-bottom: 8px;

}





.left_column_sub01 {

	margin-bottom: 35px;

	text-align: left;

}



.left_column_sub01 p{

	margin-right: 10px;

	margin-left: 10px;

	font-size: 10px;

	line-height: 1.5em;

}



.left_column_sub02 {

	margin-bottom: 35px;

	text-align: left;

}



.left_column_sub02 p{

	margin-right: 10px;

	margin-left: 10px;

	font-size: 10px;

	line-height: 1.5em;

}



.mrr{

	margin-bottom: 10px;

	text-align: center;

}

.mrr_img{

	margin-bottom: 5px;

	margin-top: 10px;

}

.mrr_p{

	font-size:10px;

	line-height:1.3em;

	margin-right: 12px;

	margin-left: 16px;

	text-align: left;

}



/*



	footer	--------------------------------------------------------



*/

.footer {

	width: 780px;

}

.footer_navi_bg {

	background-image: url(../common_images/footer_navi_bg.gif);

	background-repeat: repeat-y;

}



.footer_navi{

	padding-top: 13px;

	padding-bottom: 15px;

	font-size: 12px;

	margin-right: 20px;

}



.copyright_bg{

	margin-bottom: 5px;

	font-size: 10px;

	background-image: url(../common_images/copyright_bg.gif);

	background-repeat: no-repeat;

	height: 35px;

	width: 780px;

}

.copyright{

	font-size: 10px;

	margin-top: 10px;

}



/*



	introduction	--------------------------------------------------------



*/

.introduction .h3_box{

	margin-bottom:15px;

}

.introduction .h3_box h3{

	background-image: url(../common_images/h3_bg01.jpg);

	background-repeat: no-repeat;

	color: #333333;

	font-size: 16px;

	font-weight: bold;

	text-decoration: none;

	height: 28px;

	padding-top:3px;

	padding-left:18px;

	width: 530px;

	display: block;

}



/*



	example	--------------------------------------------------------



*/

.example .h3_box{

	margin-bottom:15px;

}

.example .h3_box h3{

	background-image: url(../common_images/h3_bg01.jpg);

	background-repeat: no-repeat;

	color: #333333;

	font-size: 16px;

	font-weight: bold;

	text-decoration: none;

	height: 28px;

	padding-top:3px;

	padding-left:18px;

	width: 530px;

	display: block;

}



/*



	company	--------------------------------------------------------



*/

.company .h3_box{

	margin-bottom:15px;

}

.company .h3_box h3{

	background-image: url(../common_images/h3_bg01.jpg);

	background-repeat: no-repeat;

	color: #333333;

	font-size: 16px;

	font-weight: bold;

	text-decoration: none;

	height: 28px;

	padding-top:3px;

	padding-left:18px;

	width: 530px;

	display: block;

}



/*



	contact	--------------------------------------------------------



*/

.contact .h3_box{

	margin-bottom:15px;

}

.contact .h3_box h3{

	background-image: url(../common_images/h3_bg01.jpg);

	background-repeat: no-repeat;

	color: #333333;

	font-size: 16px;

	font-weight: bold;

	text-decoration: none;

	height: 28px;

	padding-top:3px;

	padding-left:18px;

	width: 530px;

	display: block;

}

.contact_box_01{

	margin-bottom:15px;

	margin-left:25px;

}

.contact_box_01_th01 p{

	font-weight:bold;

	text-align:left;

	margin:3px 5px;

	color: #333333;

}

.contact_box_01_th02 p{

font-weight:bold;

margin:3px auto;

}

.contact_box_01 td p{

color:#666666;

margin:3px 5px;

}

.contact_box_01 textarea{

	width:250px;

}

.contact_box_01 p{

	margin-left: 5px;

}

.contact_must02{

	color:#FF0000;

font-size:10px;

}

.contact_box_02{

margin-bottom:15px;

margin-left:9px;

}



.wwform_status	{

	border:solid 2px #3F7609;

	background-color:#7AB93D;

}

.wwform_status_on	{

	border:solid 2px #B72807;

	background-color:#D15E20;

}

.wwform_input	{

	color:#FFFFFF;

	font-size:10pt;

	font-weight:bold;

	line-height:150%;

}

.wwform_confirm	{

	color:#FFFFFF;

	font-size:10pt;

	font-weight:bold;

	line-height:150%;

}

.wwform_complete	{

	color:#FFFFFF;

	font-size:10pt;

	font-weight:bold;

	line-height:150%;

}

.wwform_arrow	{

	font-weight:bold;

}



/*



	material	--------------------------------------------------------



*/

.m_3 {

	margin: 3px;

}



.m_5 {

	margin: 5px;

}

.m_10 {

	margin: 10px;

}

.m_10_nottop {

	margin-right: 10px;

	margin-bottom: 10px;

	margin-left: 10px;

}

.m_15 {

	margin: 15px;

}

.mt_3 {

	margin-top: 3px;

}



.mt_5 {

	margin-top: 5px;

}





.mt_10 {

	margin-top: 10px;

}

.mt_8_mb_12 {

	margin-top: 8px;

	margin-bottom: 12px;

}



.mt_10_mb_10 {

	margin-top: 10px;

	margin-bottom: 10px;

}







.mb_3 {

	margin-bottom: 3px;

}

.mb_5 {

	margin-bottom: 5px;

}

.mb_8 {

	margin-bottom: 8px;

}



.mb_10 {

	margin-bottom: 10px;

}

.ml_1em_mb_10 {

	margin-bottom: 10px;

	margin-left: 1em;

}

.ml_1em_mb_15 {

	margin-bottom: 15px;

	margin-left: 1em;

}





.mb_12 {

	margin-bottom: 12px;

}



.mb_13 {

	margin-bottom: 13px;

}

.mb_15 {

	margin-bottom: 20px;

}

.mb_20 {

	margin-bottom: 20px;

}

.mb_25 {

	margin-bottom: 20px;

}

.mb_30 {

	margin-bottom: 20px;

}

.mb_45 {

	margin-bottom: 45px;

}

.mb_50 {

	margin-bottom: 50px;

}

.ml_3 {

	margin-left: 3px;

}





.ml_5 {

	margin-left: 5px;

}



.ml_10 {

	margin-left: 10px;

}

.ml_1em {

	margin-left: 1em;

}



.ml_12 {

	margin-left: 12px;

}



.ml_15 {

	margin-left: 15px;

}



.ml_20 {

	margin-left: 20px;

}

.ml_30 {

	margin-left: 30px;

}

.ml_40 {

	margin-left: 40px;

}



.mr_10 {

	margin-right: 10px;

}

.mr_15 {

	margin-right: 15px;

}



.mr_20 {

	margin-right: 20px;

}

.ml_10_mr_10 {

	margin-right: 10px;

	margin-left: 10px;

}

.ml_10_mb_13 {

	margin-bottom: 13px;

	margin-left: 10px;

}



.ml_10_mb_15 {

	margin-left: 10px;

	margin-bottom: 15px;

}

.ml_12_mr_12 {

	margin-right: 12px;

	margin-left: 12px;

}





.ml_15_mb_15 {

	margin-bottom: 15px;

	margin-left: 15px;

}



.ml_10_mr_20 {

	margin-right: 20px;

	margin-left: 10px;

}

.ml_20_mb_10 {

	margin-bottom: 10px;

	margin-left: 20px;

}



.ml_20_mr_30 {

	margin-right: 30px;

	margin-left: 20px;

}

.ml_25_mb_15 {

	margin-bottom: 15px;

	margin-left: 25px;

}



.ml_30_mr_20 {

	margin-right: 20px;

	margin-left: 30px;

}



.pb_14 {

	padding-bottom: 14px;

}



.white {

	color: #FFFFFF;

}

.right_glay {

	color: #eeeeee;

}





.bold_12px {

	font-size: 12px;

	font-weight: bold;

}

.bold_12px_moss {

	font-size: 12px;

	font-weight: bold;

	color: #2A330F;

}



.bold_13px {

	font-size: 13px;

	font-weight: bold;

}



.bold_14px {

	font-size: 14px;

	font-weight: bold;

}



.txt_10px {

	font-size: 10px;

}



.goto_page_top {

	margin-bottom: 15px;

	text-align: right;

	font-size: 12px;

	margin-right: 5px;

}

.goto_page_top_bottom {

	text-align: right;

	font-size: 12px;

}

.goto_any_page {

	text-align: right;

}









.center {

	text-align: center;

}

.right {

	text-align: right;

}

.left {

	text-align: left;

}

.bold {

    font-weight:bold;

}

.indent_-1em {

	text-indent: -1em;

}



.underline {

	text-decoration:underline;

}