@charset "UTF-8";
/* CSS Document */

/*------------------------------------------------------------------------ */
/* --- resetter section --------------------------------------------------- */
* {
	margin: 0px;
	padding: 0px;
}
html {
	overflow-y: scroll;
}

html, body {
	margin: 0px;
	padding: 0px;
}

h1, h2, h3, h4, h5, h6, body, html, p, li, dt, dd, pre, form, fieldset {
	font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	color: #333;
	font-style: normal;
	font-size: 15px;
	line-height: 1.6;
}

ul, ol, dl, img {
	margin: 0px;
	padding: 0px;
}
ul, ol {
	list-style-type: none;
}
table {
	border-collapse: collapse;
	border: 0px;
	table-layout: fixed;
}

img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 0%;
	line-height: 0%;
	vertical-align: bottom;
}
a {
	text-decoration: underline;
}
a:link {
	color: #CC0000;
}
a:active {
	color: #CC0000;
}
a:visited {
	color: #CC0000;
}
a:hover {
	color: #333;
	text-decoration: none;
}
/*-- リンクの点線を消去 --*/
body div a:active, body div a:focus {
	outline: none;
}

/*ClearFix*/
.clearfix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	zoom: 1;
}

/*------------------------------------------------------------------------ */
/* --- structure section -------------------------------------------------- */

#header #h_box, #header #h_top div.h_top_box, #main_visual, .box, #topicPath, #main, .page_up, #footer #footer_box, #all_internet a{
	clear: both;
	width: 960px;
	margin: 0px auto;
}

#wrapper {
	min-height: 100%;
	margin: 0px auto;
	position: relative;
}
#header {
	/*full width*/
}

#gnav {
	margin: 0px auto;
}

#main {
	/* with in #content & #snav */
	width: 900px;
	margin: 0px auto 40px auto;
}
#content {
	/* as main content */
	width: 431px;
	float: left;
	position: relative;
}
#snav {
	/* right or left nav space*/
	width: 208px;
	float: right;
}
#footer {
	/* full width*/
}

/*------------------------------------------------------------------------ */
/* --- common design section ------------------------------------------ */
/* ------header------- */
#header {
}

#h_top {

	width: 100%;
	border-bottom: 1px solid #2b2b2b;

}
#h_top h1 {
	color: #7a7a7a;
	font-size: 10px;
	text-align: left;
	font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif;
	float: right;
	width: 51%;
	padding-right: 10px;
	padding-top: 10px;
}
#h_top ul{
	float: right;
}
#h_top li{
	float: right;
}
#header #h_box{
}

#h_left {
	width: 20%;
	float: left;
}

#logo {
	margin: -36px 0px 0px 0px;
	display: inline-block;
	background: #CC0000;
}

/*------dropdown_nav------*/
#gnav {
	width: 75%;
	float: right;
}

#gnav li {
	float: right;
	position: relative;
}
#gnav ul.drop {
	width: 170px;
	z-index: 100;
	position: absolute;
	right: 0;
	top: 75px;
	padding-top: 10px;
	border-top: 3px solid #2B2B2B;
	background: url(../common_img/arrow02.png) no-repeat center top  rgba(255, 255, 255, 0.8);
	}
#gnav ul.drop li {
	margin: 0 10px;
	float:none;
	text-align: left;
	border-top: 1px dotted #ccc;
}
#gnav ul.drop li:first-child { border-top: none;}
#gnav ul.drop li a {
	display: block;
	padding: 8px 0 8px 13px;
	color:#2B2B2B;
	text-decoration: none;
	background: url(../common_img/arrow03.png) no-repeat left 13px;
}
#gnav ul.drop li a:hover {
	color: #CC0000;
	background-image: url(../common_img/arrow04.png)
}

/*------main_visual_box------*/

#main_visual_box {
	background: url(../common_img/bg_main_visual.gif);
	border-top: 1px solid #EDEDED;
	border-bottom: 1px solid #EDEDED;
}

#main_visual {
	position: relative;
}


/*------topicPath------*/
#topicPath {
	clear: both;
	display: block;
	padding: 10px 0px;
}
#topicPath li {
	font-size: 11px;
	list-style-type: none;
	display: inline;
	padding-top: 3px;
}
#topicPath li.home {
	padding-left: 20px;
	background: url(../common_img/topicpath_home.gif) no-repeat left center;
}
#topicPath li a {
	padding-right: 10px;
	background: url(../common_img/topicpath_arrow.gif) no-repeat right center;
}

ul#topicPath li a:hover {
	/* arrange me */
}

/* ------ main ------- */
#main {
}
/* titles  Use  large -> small  */
.title_main {


}
.title_sub {
	font-size: 28px;
	font-weight: bold;
	padding-left: 50px;
	color: #CC0000;
	margin-bottom: 25px;
	border-bottom: solid 4px #ddd;
	background: url(../common_img/bg_title_sub.gif) no-repeat 5px 5px;
}
.title_section {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 20px;
	background: url(../common_img/bg_title_section02.gif) repeat-x bottom;
}
.title_section span{
	display: inline-block;
	padding: 0 10px 5px 10px;
	background: url(../common_img/bg_title_section01.gif) repeat-x bottom;
}
.title_item {
	font-size: 18px;
	font-weight: bold;
	background: url(../common_img/bg_title_item.gif) no-repeat left center;
	color: #CC0000;
	padding-left: 25px;
	margin-bottom: 10px;
}
.title_page{
	font-size: 28px;
	font-weight: bold;
	display:block;
	margin-bottom: 15px;
}
.title_images{ margin-bottom: 20px;}
/* ------snav left (or right) tool box----- */
#snav {
}

/* ------footer------- */
.page_up {
	text-align: right;
	padding-bottom: 7px;
}
#footer {
	/* full width container */
	padding: 0px 0px 25px 0px;
	background-color: #242424;
}
#footer_box {
	/* center container */
}
.footer_l{
	width:720px;
	float:left;
}
.footer_l .logo_f{
	float:left;
	margin-right:47px;
}
.footer_l ul{
	float:left;
	margin: 25px 60px 0 0;
}
.linkChild{
	background:none !important;
}
.footer_l ul.last{
	margin-right: 0;
}
.footer_l li{ margin-bottom: 10px; }
.footer_l li a{
	font-size: 12px;
	color: #e7e7e7;
	padding-left: 10px;
	text-decoration: none;
	background: url(../common_img/arrow01.png) no-repeat left 5px;
}
.footer_l li a:hover{ color: #BE0000; }
.contact_f{
	float:right;
	margin-top: 25px;
}


.btn {
    background: url("../common_img/arrow05.png") no-repeat scroll 94% center, #970000 none repeat scroll 0 0;
    margin-top: 10px;
    padding: 15px 15px 15px 30px;
    width: 210px;
}

.btn a { 
	color: #fff;
	text-decoration: none;
}

.btn:hover {
    background: url("../common_img/arrow05.png") no-repeat scroll 94% center, #b64c4c none repeat scroll 0 0;
}



/* --- utility section ----------------------------------------------------------------------------- */

/* float */
.fll { float: left !important; }
.flr { float: right !important; }
.fln { float: none !important; }

/* vertcal-align */
.vat { vertical-align: top !important; }
.vam { vertical-align: middle !important; }
.vab { vertical-align: bottom !important; }

.fz10 { font-size: 10px !important; }
.fz11 { font-size: 11px !important; }
.fz12 { font-size: 12px !important; }
.fz13 { font-size: 13px !important; }
.fz14 { font-size: 14px !important; }
.fz15 { font-size: 15px !important; }
.fz16 { font-size: 16px !important; }
.fz18 { font-size: 18px !important; }
.fz24 { font-size: 24px !important; }

/* text align */
.txt_c{
	text-align:center !important;
}
.txt_l{
	text-align:left !important;
}
.txt_r{
	text-align:right !important;
}

/* if needs instant arrange */
.sec_p p { margin-bottom: 15px; }

.space_l{
	margin-left:15px;
}
.space_r{
	margin-right:15px;
}
.space_b{
	display:block;
	margin-bottom:15px;
}

#wrapper .mb_clear {
	margin-bottom: 0px;
}
#wrapper .mb10 {
	margin-bottom: 10px;
}
#wrapper .mb15 {
	margin-bottom: 15px;
}
#wrapper .mb20 {
	margin-bottom: 20px;
}
#wrapper .mb30 {
	margin-bottom: 30px;
}
#wrapper .mb40 {
	margin-bottom: 40px;
}
#wrapper .mb50 {
	margin-bottom: 50px;
}
#wrapper .mb60 {
	margin-bottom: 60px;
}
#wrapper .mb70 {
	margin-bottom: 70px;
}

/*-------container------- */
.container {
	height: 100%; /*fig IE6*/
	margin-bottom: 40px;
}
.container .msg {
	width: 550px;
	word-break: break-all;
}
.container .img {
	width: 320px;
}
.pic_l .img, .pic_r .msg {
	float: left;
}
.pic_l .msg, .pic_r .img {
	float: right;
}

.flow_picl .img{ float:left; margin-right: 15px; margin-bottom: 5px;}
.flow_picr .img{ float:right; margin-left: 15px; margin-bottom: 5px;}

/* more botton right */
.more{
	margin-top: 10px;
	text-align: right;
}

/* highlight & line_box box */
.highlight{
	padding:15px;
	margin-bottom:30px;
	border: 1px dotted #e5e5e5;
	background-color: #FAFAFA;
}
.line_box{
	padding:20px 25px 25px 25px;
	border: 4px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/* table style */
.tb_style{
	width:100%;
	table-layout: auto;
	border-collapse: collapse;

}
.tb_style th,
.tb_style td{
	text-align:left;
	padding:15px;

}
.tb_style th{
	border-right: 2px solid #DDDDDD;
}

/*------ list_dot ------*/
.list_dot{
	list-style:disc;
	margin:0 0 15px 17px;
}

/* control_area */
.control_area{
	text-align:center;
}
.control_area .btn_left{
	float:left;
}
.control_area .btn_right{
	float:right;
}
.control_area .btn_center{
	display:inline-block;
}
.control_txt a{
	color: #FFF;
	display: block;
	padding:5px 25px;
	background: #272727;
	font-weight: bold;
	margin-bottom:15px;
	text-decoration: none;
}
.control_txt a:hover{	background: #be0000; }

/* ------ colum style ------- */
.col2_box, .col3_box, .col4_box{
	margin-bottom:30px;
	position:relative;
}
.col2_box .col2, .col3_box .col3, .col4_box .col4{
	float:left;
}

/* ------2colum------- */
.col2_box {
}
.col2_box .col2 {
}

/* ------3colum------- */
.col3_box {
}
.col3_box .col3 {
}

/* ------4colum------- */
.col4_box {
}
.col4_box .col4 {
}

.txt_b{
	font-weight:bold;
}

/* ------menu_c------- */
.menu_c li{
	float:left;
	width: 280px;
	margin-left: 30px;
}
.menu_c li:first-child{
	margin-left: 0px;
}
.lh2{
    line-height:2;
}
/*===========================================================================================================================*/
.mr00{
    margin-right:0px !important;
}
.mr30{
    margin-right:30px !important;
}
.mr40{
    margin-right:40px !important;
}
.ml15{
    margin-left:15px !important;
}
.ml40{
    margin-left:40px !important;
}
.ml118{
    margin-left:118px !important;
}
.mt07{
    margin-top:7px !important;
}
.mt10{
    margin-top:10px !important;
}
.mt15{
    margin-top:15px !important;
}
.mt27{
    margin-top:27px !important;
}
.mt20{
    margin-top:20px !important;
}
.mt30{
    margin-top:30px !important;
}
.mt35{
    margin-top:35px !important;
}
.mt40{
    margin-top:40px !important;
}
.mt45{
    margin-top:45px !important;
}
.mb19{
    margin-bottom:19px !important;
}
.mb30{
    margin-bottom:30px !important;
}
.text-bold{
    font-weight:bold;
}
.text-red{
    color:red;
}
.text-red2 {
	color: #c00;
}
.text-blue {
	color:#3399FF !important;
}
.text_center{
    text-align:center;
}
.pull_left{
    float:left;
}
.pull_right{
    float:right;
}