/* CSS Document */

/* =========================================================
■body
========================================================= */
body {
    margin:0;
	padding:0;
	background-color:#fff;
	background-image:url(../img/base/body_back.gif);
	background-repeat:no-repeat;
	background-position:top center;
	font-size: 82%;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

h4,h5  {
    margin: 0; 
}


/* default color
----------------------------------------------- */
body a {
	text-decoration: underline;
}

body a:link {
	color: #000;
	text-decoration: none  
}
body a:visited {
	color: #555;
}
body a:hover {
    color:#FF0066;
}
body a:active {
	color: #000;
}

.sp  {
    height:5px;
}

body img { border-style:none; } 

body a img { border-style:none; } 


/* top
----------------------------------------------- */
div#top   {
    background-image:url(../img/base/top_back.gif);
    background-color:#FA5F8D;
    margin:auto;
	padding:5px 0px 5px 0px;
	color:#FFFFFF;
	text-align:center;
}

div#top h1  {
    margin: 0;
	font-weight : normal;
    font-size:12px
}

/* header
----------------------------------------------- */
div#header	{
    height:100px;
	margin:auto;
}

div#headerBox	{
	height:100px;
	width: 900px;
	color: #FFF;
	margin:auto;
	background-image: url(../img/base/head.png);
}

.top {
    float:left;
	display: block;
	width: 300px;
	height: 100px;		
}

div#headersub{
	height:25px;
	width: 274px; /* リンク2個の場合 */
	width: 411px; /* リンク3個の場合 */
	color: #FFF;
	margin:7px 10px 0px 0px;
	float:right;
}
div#headersub a{
	display: block; width: 137px; height: 25px; float:left;
	background: transparent url(../img/base/sub_m.gif) no-repeat;
	text-indent: -9999px;
}
div#headersub a.privacy{}
div#headersub a.recruit{ background-position:  -137px top;}
div#headersub a.sitemap{ background-position: -274px top;}
div#headersub a.privacy:hover{ background-position: left bottom}
div#headersub a.recruit:hover{ background-position: -137px bottom;}
div#headersub a.sitemap:hover{ background-position: -274px bottom;}


div#header_find_arrow a{
	height:60px;
	width: 170px;
	color: #FFF;
	margin:7px 40px 0px 0px;
	text-indent: -9999px;
	float:right;
}

.totop{
	text-align: right; 
}

/* wrapperBox
----------------------------------------------- */
div#wrapperBox	{
    margin: 0 auto;
	width: 900px;
}


/* mainmenuBox
----------------------------------------------- */
ul#mainmenuBox	{
    margin:0px 0px 20px 0px;
    height:45px;
	width: 900px;
	padding: 1px 0 0 0px;
}

ul#mainmenuBox li{
    float:left; width: 134px; height: 42px;
    list-style: none;
}
ul#mainmenuBox li a{
	display: block;
	height: 42px;
	background: transparent url(../img/menu/mainmenu.gif) no-repeat;
	text-indent: -9999px;
}
ul#mainmenuBox li.find_arrow a{ background: none; width: 200px;}

ul#mainmenuBox li.top a{background-position: left top;}
ul#mainmenuBox li.new a{background-position: -134px top;}
/*ul#mainmenuBox li.search a{background-position: -268px top;}*/
ul#mainmenuBox li.search a{background-position: -669px top;}
ul#mainmenuBox li.inquiry a{background-position: -402px top;}
ul#mainmenuBox li.company a{background-position: -536px top;}
ul#mainmenuBox li.top a:hover{background-position: left bottom;}
ul#mainmenuBox li.new a:hover{background-position: -134px bottom;}
/*ul#mainmenuBox li.search a:hover{background-position: -268px bottom;}*/
ul#mainmenuBox li.search a:hover{background-position: -669px bottom;}
ul#mainmenuBox li.inquiry a:hover{background-position: -402px bottom;}
ul#mainmenuBox li.company a:hover{background-position: -536px bottom;}



/* mainmenu
----------------------------------------------- */
div#mainmenu	{
    height:42px;
	width: 900px;
	margin:0px;
}

/* topBox
----------------------------------------------- */
div#topBox	{
	width: 900px;
	color: #FFF;
	margin:15px 0px 5px 0px;
}

/* containerBox
----------------------------------------------- */
div#containerBox	{
	width: 900px;
}
div#containerBox:after	{
	height:	0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/* contentsBox
----------------------------------------------- */
div#contentsBox	{
	background-color:#FFFFFF;
	width: 698px;
	float: right;
	margin: 0px 0px 15px 0px;
}
div#contentsBox:after	{
	height:	0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

.box{
	margin:0 0 15px;
}
a.b5man_btn{
	display: block;
	width: 636px;
	height: 44px; 
	margin: 0 auto 15px;
	background: white url(../img/base/5man_btn.gif) left top no-repeat;
	text-indent: -9999px;
}
a.b5man_btn:hover{
	background-position: left bottom;
}
/* find_box
----------------------------------------------- */
div.find_box{margin: 0 0 5px;}
div.find_box:after {	content: "";	display: block;	clear: both;}
div.find_box h4{
    background: #CCCCCC url(../img/base/box_bar.gif) no-repeat;
	height:22px;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	padding-left:30px;
	padding-top:8px;
	cursor: hand; cursor: pointer
}
div.find_box h4.act{
	background-position: left bottom;
}
div.find_box h4 div{width: 160px;}
div.find_box h4 p{ float: left;}

div.find_box h4 b{
	float: right;
}
div.find_box .inner{
    background-image:url(../img/base/back_gr.gif);
	width: 695px;
	color:#333;
	padding: 5px 0px 5px 5px;
	font-size:12px;
	line-height:2.5em;
	zoom: 100%;
}
div.find_box .inner:after {	content: "";	display: block;	clear: both;}
div.find_box .b{
	height: 13px;
	background-image: url(../img/base/under_arrow.gif);
	cursor: hand; cursor: pointer
}


/* subNaviBox	
----------------------------------------------- */
div#subNaviBox	{
    font-size:12px;
	background-color:#eeeeee;
	line-height:1.5em;
	width: 180px;
	padding:0px;
	float: left;
}

.qr	{
    text-align:center;
	padding-bottom:15px;
	margin-bottom:10px;
	border-bottom:#F57098 solid 1px;
}
.qr p{
	border: 1px solid white;
	padding: 3px;
	width: 112px;
	margin: 0 auto;
}
.qr p img{border: 1px solid #ccc; margin: 0; }
/* footer
----------------------------------------------- */
div#footer   {
    background-image:url(../img/base/footer_home.gif);
    border-top:#fa5f8d solid 1px;
    margin:auto;
	margin-top:10px;
	padding:0px;
}

div#footerBox	{
    margin:auto;
	padding: 20px 10px 0px 10px;
	height:125px;
	width: 880px;
	font-size:11px;
	line-height:1.8em;
}

div#footerBox a:link {
	text-decoration: none  
}

div#footerBox a:hover {
    color:#FF0066;
}

div.centering p {   
    display: table-cell;   
    vertical-align: middle;   
    margin: 0;   
}   
    
/*for IE6 */  
* html .centering p {   
    display: inline;   
    zoom: 1;   
}   
    
/*for IE7 */  
*:first-child+html .centering p {   
    display: inline;   
    zoom: 1;   
} 

.round{}
.round b{ display: block; font-size: 1px; line-height: 1px; background: white; border: 0px solid #ccc; margin: 0; padding: 0;}
.round b.b0{ margin: 0 4px; height: 1px; zoom: 100%}
.round b.b1{ margin: 0 4px; background: #ccc; height: 1px; zoom: 100%}
.round b.b2{ margin: 0 2px; border-left-width: 2px; border-right-width: 2px; height: 1px;}
.round b.b3{ margin: 0 1px; border-left-width: 1px; border-right-width: 1px; height: 2px;}
.round b.b4{ margin: 0 0px; border-left-width: 1px; border-right-width: 1px; height: 3px;}
.inner{ padding: 0 10px; background: white; border-left: 1px solid #ccc; border-right: 1px solid #ccc}

.box { width: 96%; margin: 0 auto 10px;}
.box .round{ margin: 0 auto;}
.box .inner{ padding: 0 10px; background: #0969C8; }
/* ボーダーカラー変更 */
.box .round b{background: #0969C8; border: 0px solid #2F8CE8;}
.box .round b.b1{ margin: 0 4px; background: #2F8CE8;}

/* no_match
----------------------------------------------- */
.no_match { width: 400px; margin: 0 auto 10px;}
.no_match .round{ margin: 0 auto;}
.no_match .inner{ padding: 0 10px; background: #F6F1F1; text-align: center; font-size: 16px; font-family: 'メイリオ'; line-height: 140%;}
/* ボーダーカラー変更 */
.no_match .round b{background: #F6F1F1; border-color: #ccc;}
.no_match .round b.b1{ margin: 0 4px; background: #ccc;}
.no_match .round b.b2{ background-color: #FFFFFF;}
.no_match .round b.b3{ background-color: #FCF7F7;}
.no_match .round b.b4{ background-color: #F9F4F4;}
.no_match .btn_to_form{
	display: block; margin: 10px auto 5px;
	background: transparent url(../img/base/btn_to_form.gif) no-repeat; width: 220px; height: 42px; text-indent: -9999px;
}

 
/* List
----------------------------------------------- */

#list { 
    width:180px; 
	font-size:12px; 
}

#list ul { 
    list-style: none; 
}

#list ul li { }

#list ul li a {
    mmargin-left:-40px;
    display:block; 
	text-decoration:none; 
	color:#000000; 
	background-color:#eeeeee; 
	line-height:30px;
    border-bottom:#cccccc solid 1px;
	padding-left:15px; 
	cursor:pointer; 
}

#list ul li a:hover { 
    background-color:#E0E0E0; 
    color:#FFFFFF; 
}

#list ul li a strong { 
    margin-right:10px; 
}
#list ul li a em { 
    color: #E01855;
    font-weight: bold; 
    font-style: normal;
}
#list ul li .note {
	line-height: 120%;
	font-size: 80%;
	margin-bottom: 10px;
	color: #666;
}
#list ul li.banner{ text-align: center;}
#list ul li.banner a{ padding: 3px 0 5px; margin: 0; line-height: 100%; font-size: 80%;}

/* photo css
----------------------------------------------- */
#photobox{
	width:700px;
	margin:0;
	margin-bottom:15px;
	border-bottom:#cccccc 1px dotted;
	padding-bottom: 10px;
}
#photobox:after {	content: "";	display: block;	clear: both;}

#photobox a {
    border:#cccccc;
	background-color:#eeeeee;
	padding:4px;
}

#photobox a:hover {
    border:#cccccc;
	background-color:#fa5f8d;
	padding:4px;
}
/*

sendstr(0,700/4)175 168
sendstr(0,700/3)233.333333333333
*/

#photobox ul  { 
    margin:0; 
	padding:0; 
}

#photobox li  {
	list-style: none;
	background-color:#FFFFFF;
	float: left;
	width: 226px;
	margin: 3px;
	font-size: 10px;
	color:#000;
	letter-spacing: 1.1pt;
	word-spacing: 0.8pt;
	line-height: 1.4;
	padding: 5px 0 0 0;
	text-align:center;
	margin-bottom: 5px;
}

#photobox li strong  {
    font-size:14px;
	font-weight:bold;
	color:#FF3366;
}

.boxtext  {
    background-color:#eeeeee;
    color:#333;
    font-weight:bold;
    margin:5px 0px 0px 0px;
}
/*
----------------------------------------------- */
.devmes{ display: none; position: absolute; margin-top: -10px; width: 400px; border: 1px solid #ccc; padding: 5px; background: white;}