@charset "utf-8";

/* 一括で全ての要素の余白をゼロに指定 */
/* リセット */

@import url(base.css);
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, span,
fieldset, input, textarea, p, blockquote, th, td{
    margin: 0; 
    padding: 0;
}

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


fieldset, img{
     border:0;
	vertical-align: text-bottom;
}

ul{
	list-style:none
;
}
table{
    border-collapse: collapse; 
    border-spacing:0;
}

caption, th{
    text-align: left;
}

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

/* form */  
button, fieldset, form, input, label, legend, select, textarea {
	  
font-family:inherit;  
font-size:100%;  
font-style:inherit;  
font-weight:inherit;  
margin:0;  
padding:0;  
vertical-align:baseline;  
}  



a:link {
  color: #333333;
  text-decoration: none;
}

a:visited {
  color: #333333;
  text-decoration: none;
}

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

 /* Start of "Micro clearfix" */
        .cf {
	zoom: 1; 
}
        .cf:before,
        .cf:after {
	content: ""; display: table; 
}
        .cf:after {
	clear: both; 
}
 /* End of "Micro clearfix" */

/* ---------------------------------------- フォントスタイル フォントサイズ */
body {
	font-size: 13px;
	text-align: center;
	font-family:  "・ｽl・ｽr ・ｽo・ｽS・ｽV・ｽb・ｽN", "MSPGothic", "・ｽ・ｽ・ｽC・ｽ・ｽ・ｽI", Meiryo, Osaka, sans-serif, "・ｽq・ｽ・ｽ・ｽM・ｽm・ｽp・ｽS Pro W3", "Hiragino Kaku GothicPro", Verdana, Geneva, sans-serif;
	padding: 0;
	margin: 0;
	background-color : #efece7;
}

/* ---------------------------------------- レイアウトに関する指定 */

#wrapper {
	text-align : left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-repeat: repeat-y;
	width : 960px;
	padding-right : 70px;
	padding-left : 70px;
	background-image : url(img/wrap_back.png);
}
#header {
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left : 30px;
	background-image: url(img/head_back.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 120px;
	position: relative;
  width : 900px;
  padding-right : 30px;
}
#header2 {
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left : 30px;
	
	background-image : url(img/head_back2.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 120px;
	position: relative;
       width : 900px;
       padding-right : 30px;
}
#container {
	width: 960px;
}

#contents {
	padding-top: 15px;
	margin-left : 30px;
	margin-right : 30px;
}

#footer {
	clear: both;
	padding-left : 26px;
	padding-right : 26px;
	text-align: center;
	height : 100px;
}

/* ---------------------------------------- #header内の指定 */

/* -- ・ｽ・ｽ・ｽo・ｽ・ｽ・ｽ・ｽ・ｽx・ｽ・ｽ1 -- */
h1 {
  font-size: 70%;
  font-weight: normal;
}
/* -- logo -- */

.logo {
	padding-top: 5px;
}
#login_b {
	position: absolute;
	height: 37px;
	width: 132px;
	top: 65px;
	right: 30px;
}
/* ---------------------------------------- #contents内の指定 */

/* -- BOX1 -- */

#box1 {
	margin-bottom: 10px;
	wieth: 898px;
} 


/* -- BOX1  説明文 -- */

#info {
	float: left;
	width: 725px;
	height: auto;
}

/* -- BOX1 ログイン部分　-- */

#info_right {
	float: right;
	padding-top: 20px;
	padding-right: 0px;
	padding-left: 20px;
	height: 75px;
	background-image: url(img/loginwindow.gif);
	background-repeat: no-repeat;
	background-position: right top;
	width: 146px;
}
#info_right ul {
	list-style-type: none;
	padding-left: 0px;
	line-height: 2em;
}
#info_right li {
	background-image: url(img/listmark.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 1em;
}
#info_right li a {
	text-decoration: underline;
}

.frame_red {
	height: 81px;
	width: 146px;
	background-image: url(img/loginwindow.gif);
	background-repeat: no-repeat;
}

/* -- BOX2 -- */

h2 {
	width: 900px;
	background-image: url(img/line.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#box2 {
	clear: both;
	padding-top: 20px;
	padding-left : 0px;
	width : 898px;
}

/* -- 地図 -- */
#map {
	height : 565px;
	width : 630px;
	background-image: url(img/map.jpg);
	background-repeat: no-repeat;
	float: left;
	background-position: left top;
	margin-top: 10px;
	position: relative;
  
}
#map .mapAreaPrefList {
	list-style-type: none;
}
#map .hokkaido,
#map .tohoku,
#map .kanto,
#map .hokuriku,
#map .tokai,
#map .kinki,
#map .chugoku,
#map .shikoku,
#map .kyushu,
#map .okinawa {
	
	position: absolute; 
}
#map .hokkaido {
	 
	top: 45px; left: 487px; 
}
#map .tohoku   {
	top: 152px; left: 487px; 
}
#map .kanto    {
	top: 285px; left: 487px; 
}
#map .hokuriku {
	top: 45px; left: 234px; 
}
#map .tokai    {
	top: 467px; left: 265px; 
}
#map .kinki    {
	top: 427px; left: 367px; 
}
#map .chugoku  {
	top: 222px; left:  150px; 
}
#map .shikoku  {
	top: 460px; left: 222px; 
}
#map .kyushu   {
	top: 332px; left:  15px; 
}
#map .okinawa  {
	top:  35px; left:  30px; 
}
#map .tohoku,
#map .kanto,
#map .hokuriku,
#map .toka,
#map .kinki,
#map .chugoku,
#map .shikoku,
#map .kyushu {
	width: 120px;
}
#map .tohoku li,
#map .kanto li,
#map .hokuriku li,
#map .toka li,
#map .kinki li,
#map .chugoku li,
#map .shikoku li,
#map .kyushu li {
	float: left;
	list-style-type: none;
}

#map ul.mapPrefList li {
	padding: 0;
	list-style-type: none;
}

#map ul.mapPrefList li a {
	display: block;
	width: 60px;
	height: 27px;
	color: #FFFFFF;
	text-align: center;
	line-height: 24px;
	background-image: url(img/map_pref_button.png);
	background-repeat: no-repeat;
	font-size: 93%;
}

#map ul.mapPrefList li a:hover {
	background-position: left -27px;
	text-decoration: none;
}

/* -- BOX２　右 -- */
#search_menu {
	float: right;
	height : 557px;
	width : 253px;
	text-align: left;
	margin-top : 10px;
	border: 1px solid #b4a978;
}
#search_menu h2 {
	font-size: 108%;
	color: #FFFFFF;
	height : 26px;
	display: block;
	background-color: #003399;
	width: 243px;
	padding-left: 10px;
	padding-top: 6px;
	background-image: none;
}
form {
	margin-left: 15px;
	margin-top: 12px;
}
label {
	font-weight: bold;
	text-align: left;
}
select {

	height: 22px;
	width: 223px;
	border: 1px solid #B4A978;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 15px;
}

.search_box {
	height: 15px;
	width: 216px;
	border: 1px solid #B4A978;
	margin-bottom: 10px;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.search_button {
	text-align: center;
	margin-left: 60px;
	margin-top: 7px;
	margin-bottom : 15px;
}

/* -- BOX3 -- */

#box3 {
	clear: both;
	height : 202px;
	margin-top: 15px;
	width : 898px;
}
#box3 h3 {
	color: #FFFFFF;
	font-size: 108%;
}

/* -- 最新ニュース -- */
#newswrap {
	height : 202px;
	width : 680px;
	float: left;
	border: 1px solid #B4A978;
	
}
#newstitle {
	height: 25px;
	background-color: #D11215;
	padding-left: 15px;
	padding-top: 5px;
}


#news {
	overflow: auto;
	height : 155px;
	padding-left: 20px;
  
}


#news dl {
	padding-top: 15px;

}

#news dl dt {
	float: left;
	width: 7em;
	vertical-align: top;
	padding-bottom: 0px;
	line-height: 1.5em;
	background-image: url(img/listmark.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}

#news dl dd {
	line-height: 1.5em;
	overflow: auto;
	width: 515px;
	padding-bottom: 0.5em;
}


/* -- BOX3 右 -- */

#free {
	height : 202px;
	width : 202px;
	float: right;
	border: 1px solid #B4A978;
}
/* -- BOX4 -- */

#box4 {
	clear: both;
	height: 255px;
	background-image: url(img/ranking_back.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 10px;
	padding-left : 40px;
	margin-top: 15px;
	padding-right : 40px;
	position: relative;
  width : 820px;
}

#box4 h4 {
	font-weight: bold;
	font-size: 124%;
	padding-left: 30px;
}

#box4 table {
	border-spacing : 12px 0px;
	width : 100%;
	height : 180px;
	margin-top : 20px;
}
.table_border {
	background-repeat: no-repeat;
	background-position: left bottom;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : #beb17F;
}
#box4 td {
	vertical-align: middle;
	padding-left: 10px;
	padding-right: 10px;
	height: 55px;
  overflow : inherit;
}
#box4 th {
	background-color: #B32424;
	height: 20px;
	color: #FFFFFF;
	text-align: center;
	font-size: 93%;
  font-weight : bold;
}
#box4 p {
	font-size: 116%;
}
#box4 span {
	font-size: 77%;
}
#rank_1{
  width : 8%;
}

#rank_2{
  width : 22%;
}

#rank_3{
  width : 27%;
}

#rank_4{
  width : 18%;
}

#rank_5{
  width : 25%;
}
.manzokudo {
	font-size: 116%;
	width : 100px;
	float: left;
}
/* --五つ星 -- */
.star {
	width: 90px;
	float: right;
	padding-top: 3px;
}
.star li {
	height: 15px;
	width: 15px;
	display: block;
	float: left;
	margin-right: 2px;
}
.star .full {
	background-image: url(img/star_full.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.star .half {
	background-image: url(img/star_half.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}
.star .non {
	background-image: url(img/star_non.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
/* --工種 -- */
.koshu li {
	font-size : 85%;
	background-image: url(img/koshu_back.png);
	background-repeat: no-repeat;
	background-position: left top;
	float : left;
	height: 18px;
	width : 40px;
	display : block;
	color: #FFFFFF;
	text-align: center;
	letter-spacing : 1px;
	margin-right : 1px;
	padding-top : 3px;
	list-style-type: none;
}
/* --LINE -- */

#footerline {
	height: 27px;
	background-image: url(img/fotter_lline.png);
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: right;
	margin-top: 15px;
	clear: both;
}
/* ---------------------------------------- #footer内の指定 */
#footer p {
	text-align: center;
	font-size: 85%;
	padding-bottom: 20px;
}

/* -- フッターナビ -- */

#footernavi {
	height: 40px;
	text-align: center;
	padding-top: 15px;
}

#footernavi ul {
	list-style-type: none;
	text-align: center;
	font-size: 85%;
}

#footernavi li {
	width: auto;
	display: inline;
}

#footernavi li a {
	display: inline;
	background-image: url(img/listmark.gif);
	background-repeat: no-repeat;
	background-position: left center;
	color: #333333;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
	width: auto;
}

#footernavi li a:hover {
  color: #ff0000;
}

hr.style-two {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
}

/* ---------------------------------------- #pankuzu */
#pankuzu {
	text-align:left;
	margin: 0px;
	padding-left: 10px;
	
}   
#pankuzu li {
	display:inline;
	font-size: 94%;
	letter-spacing: 0.5px;
	list-style-type: none;
}   
#pankuzu a {
	background-image: url(img/pankuzu_icon.gif);
	background-repeat: no-repeat;
	background-position: right 1px;
	padding-right: 24px;
	margin-right: 10px;
}  

/* ---------------------------------------- search.html内の指定 */
/* -- box2 -- */
#city {
	width: 618px;
	text-align: left;
	margin-top : 10px;
	float: left;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #b4a978;
	border-right-color: #b4a978;
	border-bottom-color: #b4a978;
	border-left-color: #b4a978;
	padding-bottom: 20px;
}


#city h2 {
	font-size: 108%;
	color: #FFFFFF;
	height : 26px;
	display: block;
	background-color: #003399;
	padding-left: 10px;
	padding-top: 6px;
	background-image: none;
	width: 608px;
}
.block {
	padding-left: 10px;
	background-image: url(img/redborder.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 10px;
	margin-left: 20px;
	padding-bottom: 10px;
	clear: both;
}


#city p {
	font-size: 131%;
	font-weight: bold;
	color: #CC0000;
	float: left;
}
#city ul {
	list-style-type: none;
	line-height: 2em;
	float: right;
	width: 570px;
	height: auto;
}
#city li {
	width: 170px;
	display: block;
	float: left;
	margin-left: 15px;
}
/* ---------------------------------------- company_info.html内の指定 */
/* -- box5 -- */
#box5, #box8 {
	margin-top: 20px;
}
#box5 h2, #box8 h2 {
	background-image: url(img/box5_h2back.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-size: 125%;
	font-weight: bold;
	height: 30px;
	width: 880px;
	padding-left: 20px;
	padding-top: 2px;
	margin-bottom: 15px;
}
#com_info_left {
	width: 564px;
	height: auto;
	float: left;
	margin-left: 10px;
	margin-bottom: 40px;
}
#com_info_left dl {
	width: 577px;
	margin: 0;
	padding: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: b9ab75;

}

#com_info_left dl dt {
	clear: both;
	float: left;
	width: 85px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: b9ab75;

}
.noneborder {
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #FFFFFF;
}


#com_info_left dl dd {
	float: left;
	width: 469px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: b9ab75;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;

}

#com_info_left ul {
	list-style-type: none;
	width: 400px;
	height: 20px;
}
#com_info_left li {
	background-image: url(img/koshu_back.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 38px;
	color: #FFFFFF;
	font-size: 85%;
	text-align: center;
	float: left;
	letter-spacing: 0.3em;
	margin-right: 2px;
	padding-top: 1px;
	height: 21px;
}
#com_info_right {
	float: right;
	width: 280px;
	text-align: right;
	margin-right: 10px;
}
/* 角丸外側 */
.entry_roof {
	width:280px;
	background-image: url(img/greenkakumaru_roof.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 14px;
	margin-top: 15px;
}
.entry {
	background-image: url(img/greenkakumaru_entry.gif);
	background-repeat: repeat-y;
	background-position: right;
	width: 280px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
.entry dl {
	width: 225px;
	margin-left: 20px;
	padding-top: 15px;
	padding-bottom: 12px;
	padding-left: 10px;
	height: auto;
}
.entry dl dt {
	width: 50px;
	float: left;
	clear: both;
}
.entry dl dd {
	color: #CC0000;
	float: left;
	width: 172px;
}
.entry_botom {
	width:280px;
	background-image: url(img/greenkakumaru_botom.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-top: 0;
	height: 14px;
	clear: both;
}
/* -- box6 -- */
#box6 {
	background-image: url(img/box6_back.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 304px;
	width: 900px;
	clear: both;
	margin-top: 20px;
	padding-top: 6px;
	margin-bottom: 25px;
}
#box6_wrapper {
	margin-top: 30px;
	padding-left: 30px;
	clear: both;
}

#box6 h3 {
	color: #FFFFFF;
	font-size: 116%;
	font-weight: bold;
	margin-left: 30px;
}
#box6_left, #box12_left {
	width: 400px;
	float: left;
	clear: both;
}
.question {
	background-image: url(img/Q.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 124%;
	padding-left: 20px;
	font-weight: bold;
}
#box6_left_wrapper, #box12_left_wrapper {
	width: 392px;
	margin-top: 10px;
	background-image: url(img/box6_left_back.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 193px;
}
.answer {
	height: 90px;
	clear: both;
}
#sixmonths , #zenkikan {
	height: 95px;
	clear: both;
}
#sixmonths .fivestars {
	float: left;
	height: 95px;
	width: 260px;
	text-align: center;
	font-size: 85%;
	font-weight: bold;
}
#zenkikan .fivestars {
	float: left;
	height: 85px;
	width: 260px;
	text-align: center;
	font-size: 85%;
	font-weight: bold;
}
#zenkikan .fivestars ul {
	padding-top: 15px;
	padding-left: 40px;
}
#sixmonths .fivestars ul {
	padding-top: 20px;
	padding-left: 25px;
}
#sixmonths .fivestars li {
	float: left;
	height: 15px;
	width: 40px;
	display: block;
	padding-top: 40px;
	margin-right: 5px;
}
#zenkikan .fivestars li {
	float: left;
	height: 15px;
	width: 30px;
	display: block;
	padding-top: 40px;
	margin-right: 10px;
}
.bigstar_full {
	background-image: url(img/bigstar_full.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
.bigstar_half {
	background-image: url(img/bigstar_half.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
.bigstar_none {
	background-image: url(img/bigstar_none.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
.bluestar_full {
	background-image: url(img/bluestar_full.gif);
	background-repeat: no-repeat;
	background-position: center 10px;
}
.bluestar_half {
	background-image: url(img/bluestar_half.gif);
	background-repeat: no-repeat;
	background-position: center 10px;
}
.bluestar_none {
	background-image: url(img/bluestar_none.gif);
	background-repeat: no-repeat;
	background-position: center 10px;
}

.percent {
	float: right;
	height: 80px;
	width: 125px;
	padding-top: 15px;
}
.hai {
	font-size: 116%;
}
.hai span {
	font-size: 110%;
	color: #DB4A4A;
	margin-left: 5px;
	font-weight: bold;
}
.toukou span {
	font-size: 100%;
	margin-left: 5px;
}
.kikan {
	font-size: 77%;
}
#box6_right, #box12_right {
	float: right;
	width: 455px;
}
#box6_right p, #box12_right p {
	font-size: 85%;
	text-align: right;
	margin-right: 20px;
	margin-top: 17px;
}
#box6_right dl, #box12_right dl {
	width: 435px;
	clear: both;
	line-height: 3.6em;
	margin-top: 2px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #B9AB75;
	height: 180px;
	display: block;
}
#box6_right dt, #box12_right dt {
	width: 235px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B9AB75;
	padding-left: 25px;
	display: block;
}
#box6_right dd, #box12_right dd {
	float: left;
	width: 145px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B9AB75;
	font-weight: bold;
	padding-left: 30px;
	display: block;
}
#box6_right span, #box12_right span {
	font-size: 13px;
	color: #CC0000;
	font-weight: bold;
}

.back_pimk {
	background-color: FF9595;
	background-image: url(img/box_6_right_back.gif);
	background-repeat: repeat;
}
/* -- box7 -- */
#box7 {
	width: 880px;
	clear: both;
	background-color: #FFFFFF;
}
#box7 h3 {
	font-size: 125%;
	background-image: url(img/midashi_aka.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-left: 20px;
	padding-left: 20px;
	padding-top: 8px;
	font-weight: bold;
}

.pinkkadomaru_roof {
	background-image: url(img/pinkkakumaru_roof.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 12px;
	width: 900px;
}
.pinkkakumaru_entry {
	background-color: #FCDBDA;
	width: 890px;
	padding-left: 10px;
}
.pinkkakumaru_bottom {
	background-image: url(img/pinkkakumaru_bottom.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 15px;
	clear: both;
	width: 900px;
}
.sirokakumaru_roof {
	background-image: url(img/sirokakumaru_roof.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 15px;
	margin-top: 10px;
	clear: both;
}
.sirokakumaru_entry {
	background-color: #FFFFFF;
	width: 880px;
	clear: both;
	background-image: url(img/sirokakumaru_entry.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.sirokakumaru_bottom {
	background-image: url(img/sirokakumaru_bottom.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 15px;
	clear: both;
}
.box7_left, .box11_inner_left {
	height: 168px;
	width: 340px;
	margin-left: 20px;
	float: left;
}
.user {
	height: 20px;
}
.nickname {
	font-size: 106;
	float: left;
}
#box7 p, #box11_inner p {
	color: #003399;
	font-weight: bold;
}

.box7_left span, .box11_inner_left span  {
	font-size: 106%;
	margin-left: 3px;
	font-weight: normal;
	color: 333333;
	margin-right: 15px;
}

.date {
	float: left;
}
#box7 .box7_left dl, #box11 .box11_inner_left dl {
	margin-top: 10px;
	width: 340px;
	font-size: 93%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #B9AB75;
}

#box7 .box7_left dt, #box11 .box11_inner_left dt {
	width: 238px;
	float: left;
	height: 22px;
	padding-left: 20px;
	padding-top: 5px;
	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: #B9AB75;
	border-bottom-color: #B9AB75;
	border-left-color: #B9AB75;
}
#box7 .box7_left dd, #box11 .box11_inner_left dd {
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B9AB75;
	height: 22px;
	width: 79px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #B9AB75;
	text-align: center;
	padding-top: 5px;
}
.yes {
	font-weight: bold;
	color: #CC0000;
}
.no {
	font-weight: bold;
}

.box7_right, .box11_inner_right {
	width: 460px;
	min-height:168px;
	margin-right: 15px;
	float: right;
	background-color: #FFFFFF;
	border: 1px solid #B9AB75;
	margin-top: 2px;
	margin-bottom: 5px;
}

.box7_right_wrapper, .box11_inner_right_wrapper {
	height: 44px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B9AB75;
	clear: both;
	padding-right: 20px;
}
.order {
	float: left;
	width: 260px;
}

.order dt {
	width: 85px;
	float: left;
	margin-top: 10px;
}
.order dd {
	width: 170px;
	float: left;
	margin-top: 10px;
}


.order_date {
	float: right;
	width: 180px;
	padding-top: 10px;
}
.order_date span {
	font-size: 14px;
}

.box7_right_comment, .box11_inner_right_comment {
	min-hight: 165px;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
}
.right {
	text-align: right;
}

/* -- box8 -- */

#box8 h3 {
	font-size: 124%;
	color: #003399;
	margin-top: 5px;
}
#box8 table {
	width: 100%;
	border: 1px solid #b9ab75;
	margin-bottom: 10px;
}
#box8 table th, td {
	border: 1px solid #b9ab75;
}
#box8 td {
	padding-top: 5px;
	padding-left: 6px;
	padding-bottom: 9px;
}
#box8 td span {
	display: block;
	margin-bottom: 8px;
}


#box8 .table_midashi_1, #box8 .table_midashi_2, #box8 .table_midahsi_3, #box8 .table_midashi_4, #box8 .table_midashi_5, #box8 .table_midashi_6 {
	font-size: 93%;
	text-align: center;
	background-color: #fcdeda;
	font-weight: bold;
	width: 10px;
}
#box8 .table_midashi_1 {
	align: center;
}
#box8 .table_midashi_2 {
	width: 175px;
}
#box8 .table_midahsi_3 {
	width: 134px;
}
#box8 .table_midashi_4 {
	width: 300px;
	height: 20px;
	padding-top: 10px;
	padding-bottom: 5px;
}
#box8 .table_midashi_5 {
	width: 162px;
}
#box8 .table_midashi_6 {
	width: 31px;
	padding-right: 10px;
	padding-left: 15px;
}
#box8 .table_midashi_7, #box8 .table_midashi_9, #box8 .table_midashi_11, #box8 .table_midashi_13 {
	width: 40px;
	height: 28px;
	font-size: 13px;
	background-color: #fcdbda;
	text-align: center;
	border-right-style: none;
	font-weight: bold;
}
#box8 .table_midashi_8, #box8 .table_midashi_10, #box8 .table_midashi_12, #box8 .table_midashi_14 {
	background-color: #fcdbda;
	border-left-style: none;
	text-align: center;
	width: 33px;
}



.updown {
	margin-right: 2px;
}
#box8 input {
	margin-right: 5px;
	height: 11px;
	width: 11px;
}


.starwrapper {
	height: 25px;
	clear: both;
	width: 130px;
}

.manzokudo_2 {
	font-size: 116%;
	float: left;
}
.comment12 {
	font-size: 94%;
}


/* ---pagination--- */

.pagination {
	padding-top: 0px;
	float: none;
	margin-top: 40px;
}
.pagination ul {
	padding: 0;
	font-size: 95%;
	text-align: center;
	height: 25px;
	margin-top: 50;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
.pagination li {
	list-style-type: none;
	display: inline;
}
.pagination a, .pagination a:visited {
	border: 1px solid #999999;
	text-decoration: none;
	margin-right: 3px;
	margin-left: 3px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.pagination a:hover, .pagination a:active {
	color: #FFFFFF;
	background-color: #CC0000;
}
.pagination a.current {
	background-color: #CC0000;
	color: #ffffff !important;
	font-weight: bold;
	cursor: default;
}
li .none {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-left: 2px;
}

.none a:hover, .none a:active {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #CC0000;
	background-color: #FFFFFF;
	
}
/* -- box9 -- */

#box9 {
	margin-top: 40px;
	clear: both;
}
#box9 h4 {
	color: #FFFFFF;
	margin-left: 40px;
	margin-top: 18px;
}

#box9_left {
	background-image: url(img/box9_left_back.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 130px;
	width: 624px;
	float: left;
}
#box9_left form {
}
label {
	line-height: 2em;
	margin-right: 20px;
	font-weight: normal;
	text-indent: 5px;
}

input {
	vertical-align: middle;
	margin-right: 3px;
}

#formleft {
	width: 367px;
	float: left;
	margin-right: 65px;
	margin-left: 28px;
}
#form_right {
	float: right;
	margin-top: 15px;
	margin-right: 40px;
}

#box9_right {
	float: right;
}
/* -- box10 -- */
#box10 {
	clear: both;
	margin-left: 10px;
}


#nyuryoku, #kakunin {
	height: 31px;
	clear: both;
	background-image: url(img/box10h3_back.gif);
	background-repeat: no-repeat;
	width: 850px;
	padding-top: 15px;
	padding-left: 30px;
	margin-bottom: 10px;
}
#nyuryoku h3, #kakunin h3 {
	color: #FFFFFF;
	font-size: 124%;
	font-weight: bold;
}
#nyuryoku span, #kakunin span {
	font-size: 100%;
	margin-right: 8px;
}

#nyuryoku li, #kakunin li {
	float: left;
	color: #FFFFFF;
	background-image: url(img/pankzu_w.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-right: 15px;
	padding-left: 30px;
}
#nyuryoku .nomark, #kakunin .nomark {
	background-image: none;
}
/* -- form1 -- */

#form1, #form2, #form3 {
	height: auto;
	width: 880px;
	margin-top: 10px;
}
#form1 form, #form2 form, #form3 form {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#form1 table, #form2 table, #form3 table {
    width:100%;
    border-collapse:collapse;
    border-spacing:0px;
}
#form1 td, #form2 td, #form3 td {
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom: 15px;


    padding-right : 15px;
}
.title {
	width: 243px;
	padding-left: 15px;
	background-color: #FCDBDA;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}

.title p {
	height: 100%;
}

.textbox, .textbox_short {
	width: 520px;
	border: 1px solid #b9ab75;
	height: 23px;
	padding-left: 5px;
	font-size: 106%;
}
.textbox_short {
	width: 390px;
}

.checkbox {
}

.datebox {
	width: 90px;
	line-height: normal;
	height: 23px;
	border: 1px solid #b9ab75;
	margin-right: 5px;
	font-size: 106%;
	margin-top: 15px;
}
.radiobutton {
	margin-left: 30px;
}
.form2_radio {
	clip: rect(auto,auto,auto,20px);
	height: 13px;
	width: 13px;
	line-height: 1em;
	letter-spacing: 1em;
	margin-left: 3px;
}
.form2kaisya {
	padding-top: 10px;
	padding-bottom: 10px;
}


.textarea {
	width: 530px;
	height: 220px;
	overflow: auto;
	margin-top: 20px;
	border: 1px solid #b9ab75;
	margin-bottom: 20px;
}
.subtitle {
	width: 286px;
	font-size: 106%;
	text-align: center;
	height: 35px;
	padding-top: 5px;
	background-color: #FCDBDA;
}
.subtitle ul {
	margin-left: 20px;
	font-size: 13px;
}
.subtitle li {
	float: left;
	margin-right: 42px;
}

.subquest {
	height: 35px;
	padding-top: 5px;
	padding-left: 15px;
}
.bikou {
	font-size: 11px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.commentbikou {
	margin: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 15px;
	background-color: #FCDBDA;
	letter-spacing: 0.1em;
	line-height: 1.2em;
}
#next {
	text-align: center;
	background-image: url(img/form_next.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 85px;
	padding-top: 65px;
}
.submit {
	height: 34px;
	width: 186px;
	color: #FFFFFF;
	font-size: 105%;
	font-weight: bold;
	background-image: url(img/aka_back.png);
	background-repeat: no-repeat;
	background-position: left top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.refuse {
	height: 27px;
	width: 81px;
	color: #FFFFFF;
	font-size: 100%;
	font-weight: bold;
	background-image: url(img/gray_back.png);
	background-repeat: no-repeat;
	background-position: left top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.reset {
	height: 34px;
	width: 186px;
	color: #FFFFFF;
	font-size: 105%;
	font-weight: bold;
	cursor: pointer;
	background-image: url(img/ao_back.png);
	background-repeat: no-repeat;
	background-position: left top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.readme {
	width: 838px;
	height: auto;
	border: 1px solid #b9ab75;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
	line-height: 1.5em;
}
.readme a:link , .readme a:visited {
	color: #003399;
	text-decoration: underline;
}


.readme li {
	font-size: 85%;
	background-image: url(img/komejirusi.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 1.5em;
	float: none;
}

#box11 {
	height: auto;
	clear: both;
	margin-bottom: 30px;
}

#box11_inner {
	background-color: #FFFFFF;
	width: 880px;
	padding-top: 30px;
	clear: both;
	padding-bottom: 20px;
}
#box11_inner_right_wrapper .order_date span {
	font-size: 13px;
}



.kakuninform {
	text-align: center;
	background-image: url(img/kakunin.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 55px;
	clear: both;
	background-color: #FCDBDA;
	width: 880px;
	margin: 0px;
	padding-top: 60px;
}
.kakuninform ul li {
	display: inline;
}
#box11 .readme {
	width: 840px;
	height: auto;
	border: 1px solid #b9ab75;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-left: 10px;
	margin-top: 30px;
}
#box12 {
	background-color: #FFFFFF;
	margin-top: 10px;
	padding-left: 20px;
	clear: both;
	padding-top: 20px;
	width: 860px;
	padding-bottom: 30px;
}
#box13, #box14, #box20 {
	padding-right: 10px;
	padding-left: 10px;
	width: 880px;
}

.kanryoubutton {
	clear: both;
	text-align: center;
	height: 90px;
	padding-bottom: 10px;
}
#syoudan {
	height: 36px;
	width: 860px;
	background-color: #6a9b06;
	color: #FFFFFF;
	padding-left: 20px;
	padding-top: 10px;
}
#syoudan h3 {
	font-size: 139%;
	color: #FFFFFF;
	font-weight: bold;
	display: inline;
	margin-right: 30px;
}
#syoudan span {
	font-size: 100%;
	color: #FFFFFF;
}
.select_kibou {
	height: 23px;
	width: 220px;
	margin-top: 15px;
	font-size: 13px;
}
.login_p {
	height: 20px;
	margin-bottom: 10px;
	text-align: right;
}
.login {
	font-size: 100%;
	background-image: url(img/listmark.gif);
	background-repeat: no-repeat;
	background-position: left center;
	width: 50px;
	margin-left: 10px;
	text-decoration: underline;
	padding-left: 10px;
}
#doui {
	text-align: center;
	background-image: url(img/doui_back.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 105px;
	padding-top: 65px;
	margin-bottom: 20px;
}
#doui p {
	line-height: 3em;
}
#login_member {
	text-align: center;
	background-image: url(img/login_waku.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 105px;
	padding-top: 50px;
	margin-bottom: 20px;
}
.prev {
	text-align: center;
	margin-bottom: 30px;
}
#kiyaku {
	margin-top: 20px;
}
#kiyakubun {
	padding: 10px;
	height: 93px;
	width: 858px;
	margin-top: 5px;
	overflow: auto;
	line-height: 1.5em;
	border: 1px solid #b9AB75;
}

.kiyaku_title {
	color: #003399;
	font-weight: bold;
	margin-left: 5px;
}

#textbox_mail2 {
	width: 220px;
	border: 1px solid #b9ab75;
	height: 23px;
	padding-left: 5px;
	font-size: 106%;
}



#ikkatu_btn{
  float : right;
}

#title_btn{
  vertical-align : middle;
  text-align : center;
  width : 243px;
}
.m_4tu_btn {
	height: 32px;
	width: 200px;
	color: #CC0000;
	font-size: 105%;
	font-weight: bold;
	background-image: url(img/m_4tu_btn.png);
	background-repeat: no-repeat;
	background-position: left top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.m_4tu_btn_no {
	height: 32px;
	width: 200px;
	color: #CC0000;
	font-size: 105%;
	font-weight: bold;
	background-image: url(img/m_4tu_btn_no.png);
	background-repeat: no-repeat;
	background-position: left top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#header3{
    padding-top : 5px;
    padding-left : 30px;
    padding-right : 30px;
    padding-bottom : 0px;
}