@charset "utf-8";
/*************************************************　フォント****/

* {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

/*************************************************　mozilaフォントバグ *****/

* {
	font-family: "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", Osaka, Arial, Helvetica, sans-serif;
}

/************************************************** タイプセレクタ */



body, h1, h2, h3, h4, h5, p, ul, ol, li, dl, dt, dd, form {
	margin: 0;
	padding: 0;
	line-height: 1.25;
	font-size: 100%;
	font-weight: normal;
}

body {
	font-size: 90%;
	color: #2d2e2e;
	background: #EEEEEE;
}

ul, li {
	list-style-type: none;
}

img {
	border: none;
	vertical-align: bottom;
}

a:link{
	color: #006699;
}

a:visited{
	color: #993366;
}

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



/************************************************** clearfix */

.clearfix:after {
	content: url(/images/pixel.gif);
	display: block;
	clear: both;
	height: 0;
}
.clearfix { display: inline-block; }
.clearfix { display: block; }


/* ============================================== common == */

h1,
#container,
div.footer_inner{
	width: 950px;
	margin: 0 auto;
}



/* ============================================== container == */

#container{
	width: 984px;
	background: url(/images/common/bg.gif) center 0 repeat-y;
}



/* ============================================== header == */

div.h1{
	background: url(/images/common/bg_header.gif) 0 top repeat-x;
	height: 19px;
	margin: 0 auto;
	padding: 8px 0 0 0;
	text-align: right;
	font-size: 85%;
}

#header{
	margin: 0 auto 5px auto;
	padding: 5px 0 0 0;
	width: 950px;
}

#header div.header_inner .left{
	float: left;
}

#header div.header_inner .right{
	float: right;
}



/* ============================================== contents_index == */

#contents{
	width: 950px;
	margin: 0 auto;
}

/* main
----------------------------- */

#contents div.main{
	position: relative;
	margin: 0 0 5px 0;
}

#contents div.main p.top_contact{
	position: absolute;
	top: 195px;
	right: 76px;
}

#contents div.main ul.top_navi li{
	float: left;
}


/* contents_inner
----------------------------- */

#contents div,contents_inner{
	margin: 0 0 50px 0;
}


div.left_w{
	float: left;
	width: 710px;
}

ul#path{
	width: 521px;
	padding: 5px 0 0 10px;
}

ul#path li {
  display: inline;
  line-height: 1.01;
}
 
ul#path li a {
  padding: 0 15px 0 0;
  margin: 0 5px 0 0;
  background: url(/images/common/bg_path.gif) right center no-repeat;
  color: #999;
  text-decoration: none;
}
 
#path li a:hover {
  color: #333;
  text-decoration: underline;
}


/* -- center -- */
#contents div.contents_inner #center{
	width: 531px;
	float: right;
}

#contents div.contents_inner #center div.text_box{
	margin: 0 0 50px 0;
}

#contents div.contents_inner #center div.text_box h3{
	margin: 0 0 5px 0;
	padding: 10px 0 0 0;
}

#contents div.contents_inner #center div.text_box p{
	padding: 0 10px 0 10px;
	margin: 0 0 20px 0;
	font-size: 90%;
}

#contents div.contents_inner #center ul.contact_bottom li{
	float: left;
	padding: 0 10px 20px 10px;
}

#contents div.contents_inner #center div.text_box p.campaign{
	margin: 0 0 10px 0;
	padding: 0;
}


#contents div.contents_inner #center table{
	border-collapse:collapse;
	border-spacing:0;
	width: 531px;
}

#contents div.contents_inner #center table td span.red{ 
	color: #FF0000;
	font-weight: bold;
}

#contents div.contents_inner #center td span.blue{
	color: #003399
}

#contents div.contents_inner #center table th,
#contents div.contents_inner #center table td{
	border: 1px solid #999999;
	padding: 5px;
	font-size: 90%;
	white-space: nowrap;
}

#contents div.contents_inner #center table td{
	line-height: 1.4;
}

#contents div.contents_inner #center table th{
	background: #F3F3F3;
}

#contents div.contents_inner #center table th.good{
	background: #FFC8C8;
}

#contents div.contents_inner #center table th.bad{
	background: #BBBBFF;
}

/* -- left -- */
#contents div.contents_inner #left{
	width: 171px;
	float: left;
}

#contents div.contents_inner #left h4,
#contents div.contents_inner #left ul.side_navi{
	margin: 0 0 5px 0;
}

#contents div.contents_inner #left ul.side_navi li{
	margin: 0 0 2px 0;
}

#contents div.contents_inner #left p{
	margin: 0 0 10px 0;
}



/* -- right -- */
#contents div.contents_inner #right{
	width: 234px;
	float: right;
}

#contents div.contents_inner #right p{
	margin: 0 0 5px 0;
}



/* ============================================== contents == */

/* -- center -- */
#contents div.contents_inner #center h2.ttl{
	margin: 20px 0 10px 0;
}

#contents div.contents_inner #center div.text_box p.figure{
	text-align: center;
	padding: 0;
}

#contents div.contents_inner #center ul.memo{
	font-size: 79%;
	color: #FF5555;
	margin: 0 0 30px 10px;
}

#contents div.contents_inner #center p.txt_link a{
	padding: 0 0 0 20px;
	font-size: 120%;
	font-weight: bold;
	background: url(/sitemap/images/icn_arrow.gif) 2px 2px no-repeat;
}

/* -- corporation -- */
#contents div.contents_inner #center table.company th{
	width: 200px;
}

#contents div.contents_inner #center table.company th,
#contents div.contents_inner #center table.company td{
	border: 1px solid #ccc;
	border-left: none;
	border-right: none;
	padding: 10px 5px 10px 5px;
}


/* -- conccept -- */
#contents div.contents_inner #center div.conccept{
	width: 531px;
}

#contents div.contents_inner #center div.conccept div.border{
	border: 1px solid #ccc;
}

#contents div.contents_inner #center div.conccept div.border2{
	border: 2px solid #5077a1;
}

#contents div.contents_inner #center div.text_box div.conccept p{
	margin: 0;
	padding: 0;
}

#contents div.contents_inner #center div.conccept ul{
	background: url(/conccept/images/bg_bottom_arrow1.gif) left top no-repeat;
	padding: 10px 10px 20px 55px;
	font-size: 80%;
	height: 90px;
}

#contents div.contents_inner #center div.conccept div.right ul{
	background: url(/conccept/images/bg_bottom_arrow2.gif) left top no-repeat;
}

#contents div.contents_inner #center div.conccept ul li.dotted{
	margin: 0 0 10px 0;
}

/* left */
#contents div.contents_inner #center div.conccept div.left{
	width: 240px;
	float: left;
}

/* right */
#contents div.contents_inner #center div.conccept div.right{
	width: 240px;
	float: right;
}



/* -- guide -- */

#contents div.contents_inner #center div.guide{
	padding: 0 0 50px 0;
}

* html #contents div.contents_inner #center div.guide{
	padding: 0 0 70px 0;
}

#contents div.contents_inner #center div.guide h3,
#contents div.contents_inner #center div.guide p{
	width: 531px;
}

#contents div.contents_inner #center div.bg1{
	background: url(/guide/images/figure_01.jpg) 340px 20px no-repeat;
}
#contents div.contents_inner #center div.bg2{
	background: url(/guide/images/figure_02.jpg) 340px 0 no-repeat;
}
#contents div.contents_inner #center div.bg3{
	background: url(/guide/images/figure_03.jpg) 340px 0 no-repeat;
}
#contents div.contents_inner #center div.bg4{
	background: url(/guide/images/figure_04.jpg) 340px 0 no-repeat;
}


#contents div.contents_inner #center div.guide h3,
#contents div.contents_inner #center div.guide p{
	float: left;
	width: 310px;
}

#contents div.contents_inner #center div.guide p.figure{
	width: 172px;
	float: right;
}

/* release */
#contents div.contents_inner #center div.text_box h3.ttl_release{
	font-weight: bold;
	font-size: 130%;
	background: #DBDBDB;
	padding: 2px 0 2px 10px;
	margin: 0 5px 0 5px;
}

#contents div.contents_inner #center div.text_box h3.ttl_release2{
	font-weight: bold;
	font-size: 110%;
	padding: 2px 0 2px 10px;
	border-left: 5px solid #0070A6;
	border-bottom: 1px dotted #ccc;
}

#contents div.contents_inner #center div.release{
	margin: 0 0 10px 0;
	font-size: 90%;
}

#contents div.contents_inner #center div.release dl{
	margin: 10px;
}

#contents div.contents_inner #center div.release dl dt{
	clear: left;
	float: left;
	margin: 0 0 0.8em;
	padding: 0 0 3px 0;
	width: 7.5em;
	border-bottom:1px dotted #99b4d7;
}

#contents div.contents_inner #center div.release dl dd{
	margin-bottom: 0.8em;
	margin-left: 7.5em;
	padding: 0 0 3px 0;
	border-bottom:1px dotted #99b4d7;
}



/* -- jisseki -- */
#contents div.contents_inner #center table.jisseki th.yaho{
	color: #EE4811;
	background: #FFCEFF;
}

#contents div.contents_inner #center table.jisseki th.goo{
	color: #035FBA;
	background: #D0D0FF;
}

#contents div.contents_inner #center table.jisseki td.center{
	text-align: center;
}

/* -- seo -- */
#contents div.contents_inner #center h4.ttl_seo{
	margin: 10px 0 10px 15px;
}

/* -- dairiten -- */
#contents div.contents_inner #center h4.ttl_dairiten{
	margin: 0 0 10px 0;
}

/* -- campaign -- */
#contents div.contents_inner #center div.campaign p{
	margin: 0 0 5px 0;
	padding: 0;
}

#contents div.contents_inner #center div.campaign p.figure{
	margin: 0 0 20px 0;
}

#contents div.contents_inner #center div.campaign p.text_bold{
	font-size: 120%;
	font-weight: bold;
}

/* -- recruit -- */
#contents div.contents_inner #center div.recruit h3{
	font-weight: bold;
	font-size: 120%;
	background: #DBDBDB;
	padding: 5px
}

#contents div.contents_inner #center div.recruit ul{
	margin: 10px 0 20px 0;
}

#contents div.contents_inner #center div.recruit ul li{
	float: left;
	padding: 0 0 0 19px;
	margin: 0 0 0 20px;
	background: url(/sitemap/images/icn_arrow.gif) 0 2px no-repeat;}



#contents div.contents_inner #center table.recruit th,
#contents div.contents_inner #center table.recruit td{
	padding: 10px;
}

#contents div.contents_inner #center table.recruit td{
	white-space: normal;
}

#contents div.contents_inner #center table.recruit td ul{
	margin: 0 0 10px 0;
}

#contents div.contents_inner #center table.recruit td p{
	padding: 0;
}

/* -- faq -- */
#contents div.contents_inner #center dl.faq{
	margin: 0 0 10px 0;
}

#contents div.contents_inner #center dl.faq dt{
	border: 1px solid #b9b9b9;
	background: #e4e4e4 url(/faq/images/icn_q.gif) 5px 5px no-repeat;
	padding: 10px 10px 10px 45px;
	font-weight: bold;
	color: #2d65af;
}

#contents div.contents_inner #center dl.faq dd{
	border: 1px solid #b9b9b9;
	border-top: none;
	padding: 10px 10px 10px 45px;
	background: url(/faq/images/icn_a.gif) 5px 10px no-repeat;

}


/* -- privacy -- */
#contents div.contents_inner #center div.privacy h3{
	font-size: 120%;
	font-weight: bold;
	border-bottom: 1px dotted #0073AA;
	margin: 0 0 10px 0;
}

#contents div.contents_inner #center div.privacy h4{
	font-weight: bold;
	margin: 0 0 2px 0;
	color: #0073AA;
}


/* -- sitemap -- */
#contents div.contents_inner #center ul.sitemap li{
	margin: 0 0 10px 20px;
	padding: 0 0 0 20px;
	background: url(/sitemap/images/icn_arrow.gif) 0 0 no-repeat;
}

#contents div.contents_inner #center ul.sitemap li.indent{
	margin: 0 0 10px 40px;
}

#contents div.contents_inner #center ul.sitemap li a{
	text-decoration: none;
}

#contents div.contents_inner #center ul.sitemap li a:hover{
	text-decoration: underline;
}

/* -- form -- */
#contents div.contents_inner #center span.red{
	font-weight: bold;
	color: #FF0000;
}




/* ============================================== footer == */

#footer{
	background: url(/images/common/bg_footer.gif) 0 0 repeat-x;
	clear: both;
	padding: 20px 0 20px 0;
	font-size: 85%;
}

/* -- footer_navi -- */
#contents ul.footer_navi{
	padding: 0 0 5px 0;
	clear: both;
	font-size: 80%;
}

#contents ul.footer_navi li{
	float: left;
	border-right: 1px solid #666666;
	padding: 0 10px 0 10px;
}

#contents ul.footer_navi li.last{
	border-right: none;
}

#contents ul.footer_navi li a{
	text-decoration: none;
	color: #2d2e2e;
}

#contents ul.footer_navi li a:hover{
	text-decoration: underline;
	color: #666666;
}


/* -- footer_box -- */
#footer div.footer_box p{
	float: left;
	width: 219px;
}

#footer div.footer_box div.footer_navi2{
	float: right;
	padding: 10px 0 0 0;
	width: 335px;
}

#footer div.footer_box ul{
	margin: 0 0 10px 0;
}

#footer div.footer_box ul li{
	float: left;
	border-right: 1px solid #666666;
	padding: 0 5px 0 5px;
}

#footer div.footer_box ul li a{
	color: #2d2e2e;
}

#footer div.footer_box ul li a:hover{
	color: #666666;
	text-decoration: none;
}

#footer div.footer_box ul li.last{
	border: none;
}