@charset "utf-8";

/*table
=================================================================*/
.t_th {
}
.search_after_parts .table_01 thead td{
	padding:0;
	border:none;
}
.search_after_parts .table_01 thead td img{
	margin:0;
}
#result .cts_table .t_th th{
	background:#ff4600;
	color:#fff;
	height:41px;
}

/*検索結果アイコン*/
.t_search .sSort{
	border: medium none;
	background-repeat:no-repeat;
	background-color:#fef6f8;
	display: inline-block;
    height: 20px;
    text-indent: -9999px;
    width: 45px;
	padding:0;
	margin-bottom: 5px;
}
.t_search .sort_01 .up{background-image:url(../img/search/icon_select_01-01.png);}
.t_search .sort_01 .down{background-image:url(../img/search/icon_select_01-02.png);}
.t_search .sort_02 .up{background-image:url(../img/search/icon_select_02-01.png);}
.t_search .sort_02 .down{background-image:url(../img/search/icon_select_02-02.png);}
.t_search .sort_03 .up{background-image:url(../img/search/icon_select_03-01.png);}
.t_search .sort_03 .down{background-image:url(../img/search/icon_select_03-02.png);}
.t_search .sort_04 .up{background-image:url(../img/search/icon_select_04-01.png);}
.t_search .sort_04 .down{background-image:url(../img/search/icon_select_04-02.png);}
.t_search .sort_05 .up{background-image:url(../img/search/icon_select_05-01.png);}
.t_search .sort_05 .down{background-image:url(../img/search/icon_select_05-02.png);}
.t_search .sort_06 .up{background-image:url(../img/search/icon_select_06-01.png);}
.t_search .sort_06 .down{background-image:url(../img/search/icon_select_06-02.png);}
.t_search .sort_07 .up{background-image:url(../img/search/icon_select_07-01.png);}
.t_search .sort_07 .down{background-image:url(../img/search/icon_select_07-02.png);}
.search_after_parts .tab_parts .tab {
	border-bottom: 4px solid #ff4600;
}


/*logo anime
=================================================================*/
header .logo {
	background: url(../img/anime/header_logo_bg.gif) no-repeat scroll 0 0;
    float: left;
}
header .logo a{
	display: inline-block;
    height: 74px;
    overflow: hidden;
    position: relative;
    width: 290px;
}
header .logo .text{
	position: absolute;
    right: 0;
    top: 17px;
	
	transition: transform 0.5s linear;
	transform: rotate(0deg);
}
header .logo .neko{
	left: 0px;
    position: absolute;
    top: 10px;
	
	transition: transform 0.5s linear;
	transform: rotate(0deg);
}

/*tab
=================================================================*/
#header-wrapper {
  height: 60px;
}
#header {
  height: 60px;
}
#site-title {
  padding: 10px 0 0 0;
}
h5 {
  margin-top: 20px;
}
#sample {
  margin-top: 20px;
}
#main {
  clear: left;
  margin: 20px auto;
  padding: 5px 20px;
  width: 900px;
}
.tab li {
	background:url(../img/search/tab_none.png) no-repeat scroll 0 0;
	cursor: pointer;
    float: left;
    font-weight: bold;
    padding: 14px 0 12px;
    text-align: center;
    width: 192px;
	margin: 0 10px 0 0;
}
.tab li.current {
  background: url(../img/search/tab_active.png) no-repeat scroll 0 0;
  color:#fff;
}
.disnon {
  display: none;
}

/*result
----------------------------------------------------*/
#result{
}
#result .main_long{
	border-top: 3px solid #ff4600;
    margin-top: 36px;
    padding: 9px 0 0;
}
#result .cts_table th{
	background:#fff6f2;
}

/*LP
=================================================================*/
#main_title{
	background: rgba(0, 0, 0, 0) url("../img/heading_bg_01.gif") repeat-x scroll 0 center;
	margin: 10px auto 0px;
    width: 960px;
    border: 1px solid #e5f3e5;
    font-size: 1.3em;
    font-weight: bold;
    outline: 2px solid #008c00;
    padding: 10px 15px;
}
.side_banner li{
	margin:0 0 15px;
}
.mh_02{ /*LPh2*/
	color: #008c00;
    font-size: 1.3em;
    font-weight: bold;
    margin: 0 0 10px;
}
.mh_03{ /*LPh3*/
	color: #008c00;
    font-size: 1.3em;
    font-weight: bold;
    margin: 30px 0 5px;
}
.mh_033{ /*LPh3*/
	color: #008c00;
    font-size: 1.3em;
    font-weight: bold;
    margin: 30px 0 10px;
	border-bottom:2px dotted #008c00;
}
.c_img{
	text-align:center;
	margin:10px 0 0 0;
}
/*second page
=================================================================*/
.main_top{
	background:url(../img/second_page_top.png) no-repeat scroll 0 0;
	padding-top: 15px;
}
.main_top .bottom{
	background:url(../img/second_page_bottom.png) no-repeat scroll 0 bottom;
	padding-bottom:15px;
}
.main_top .middle{
	background:url(../img/second_page_middle.png) repeat-y scroll 0 0;
	padding: 10px 30px;
}

/*banner
=================================================================*/
.banner{
}
.banner li{
	float: left;
    margin: 15px 12px 0 0;
}
.banner li.last{
	margin-right: 0;
}
.banner li a{
}

/*contents
=================================================================*/
.cb_bg{
	background:url(../img/main_bg.png) repeat-y scroll 0 0;
	padding: 0 30px;
}
.knsk .cb_bottom{
	background:url(../img/main_bottom_bg.png) no-repeat scroll 0 bottom;
	min-height: 76px;
}
.cb_bg01{
	background:url(../img/main_bg_01.png) repeat-y scroll 0 0;
	padding: 0 30px;
}
.knsk .cb_bottom01{
	background:url(../img/main_bottom_bg_01.png) no-repeat scroll 0 bottom;
	min-height: 76px;
}

/*title*/
.cbt{
	color: #3ca050;
    font-size: 1.5em;
    font-weight: bold;
    padding: 15px 0 8px 70px;
}
.cbt_01{
	background:url(../img/main_title_01_bg.png) no-repeat scroll 0 0;
}
.cbt_01_01{
	background:url(../img/main_title_01_bg_01.png) no-repeat scroll 0 0;
}
.sct{
	padding: 15px 0 7px 55px;
}

/*条件から自分に合った転職サイトを探す
--------------------------------------*/
.knsk .midashi {
	background: url(../img/top_midashi_bg_01.gif) no-repeat scroll 0 0;
	color: #f94f81;
	font-size: 1.6em;
  font-weight: bold;
  min-height: 44px;
  padding: 10px 0 0 80px;
	margin-bottom: 15px;
}

table.t_knsk {
	border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
	empty-cells: hide;
	background: #fff;
	margin:0 0 0px 0;
	line-height:140%;
}
table.t_knsk tr{
	border-bottom:1px solid #eee;
}
table.t_knsk tr.last{
	border-bottom:none;
}
table.t_knsk th,
table.t_knsk td {
	padding: 5px 0;
	vertical-align: middle;
}
table.t_knsk th {
	color:#3CA050;
	width: 15%;
	font-weight: bold;
	text-align: left;
}
table.t_knsk input,
table.t_knsk select {
	font-size: 1em;
	padding: 5px;
}
table.t_knsk li {
	display: inline-block;
    font-size: 0.9em;
    width: 182px;
}

/*knsk_buttons*/
#knsk_buttons {
	position: relative;
}
#knsk_buttons li {
	display: inline;
	vertical-align: top;
}
#knsk_buttons #knsk_go {
	background: url(../img/btn_search.png) no-repeat scroll 0 0;
	border: medium none;
    cursor: pointer;
    height: 38px;
    left: 230px;
    position: absolute;
    text-indent: -9999px;
    top: 18px;
    width: 254px;
}
#knsk_buttons #knsk_reset {
	background: url(../img/btn_reset.png) no-repeat top left;
	border: medium none;
    cursor: pointer;
    height: 26px;
    margin-top: 10px;
    position: absolute;
    right: 70px;
    text-indent: -9999px;
    top: 14px;
    width: 146px;
}

/*check_big*/
table.t_knsk .check_big{
}
table.t_knsk .check_big li{
	margin: 5px 0 0;
    width: 215px;
}


/*radio bottom*/
.custom-checkbox {
  display: none;
}
.custom-checkbox + label {
	background: url(../img/check_01_bg.png) no-repeat scroll 0 0;
	cursor: pointer;
    display: inline-block;
    height: 42px;
    position: relative;
    width: 214px;
}
.custom-checkbox:checked + label{
	background: url(../img/check_02_bg.png) no-repeat scroll 0 0;
}
.custom-checkbox + label span{
	left: 36px;
    position: absolute;
    top: 11px;
}
.custom-checkbox:checked + label span{
	left: 38px;
    position: absolute;
    top: 13px;
}

/*table
=================================================================*/
.main_long .main_contents.main_contents_01 {
	margin: -6px 0;
    padding: 0 9px;
}

/*cts_table
--------------------------------------*/
.cts_table{
	background: #fff none repeat scroll 0 0;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: hide;
    width: 100%;
}
.cts_table tr{
}
.cts_table th{
	background:#f2f9f2;
}
.cts_table img{
	margin: 5px auto 5px;
}
.cts_table th,
.cts_table td{
	border: 1px solid #eee;
	}
.cts_table td.top{
	padding: 10px 0 5px 5px;
	vertical-align: top;
}
.cts_table td.mid{
	padding: 10px 5px 5px 5px;
	vertical-align: middle;
	text-align:center;
}
.cts_table td.midbr{
	padding: 10px 5px 5px 5px;
	vertical-align: middle;
	text-align:center;
	background:#FFD;
	color:#F00;
	font-weight:bold;
}
.cts_table th.cent,
.cts_table td.cent{
	text-align:center;
	font-weight: bold;
	background:#f2f9f2;
}
/*kos_table
--------------------------------------*/
.kos_table{
	background: #fff none repeat scroll 0 0;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: hide;
    width: 100%;
	margin:0 0 15px 0;
}
.kos_table tr{
}
.kos_table th{
	background:#f2f9f2;
	line-height:30%;
	font-size:12px;
	padding:0 0 5px 0;
}
.kos_table img{
	margin: 5px auto 5px;
}
.kos_table th,
.kos_table td{
	border: 1px solid #eee;
	}
.kos_table td.top{
	padding: 10px 0 5px 5px;
	vertical-align: top;
}
.kos_table td.mid{
	padding: 10px 5px 5px 5px;
	vertical-align: middle;
	text-align:center;
}
.kos_table td.midbr{
	padding: 10px 5px 5px 5px;
	vertical-align: middle;
	text-align:center;
	background:#FFD;
	color:#F00;
	font-weight:bold;
}
.kos_table th.cent,
.kos_table td.cent{
	text-align:center;
	font-weight: bold;
	background:#f2f9f2;
}

.t_jun{
	margin:5px 0 10px;
	text-align:center;
}
.t_jun .box{
	text-align:left;
	margin:0 8% 5px;
	padding:5px;
	font-size:1.3em;
	font-weight:bold;
	border:#F8A1A2 2px solid;
	background:#FFF7F7;
}
.t_jun .triangle {
margin:0 25% 5px;
width: 0;
height: 0;
border-top: 30px solid #ffeaea;
border-right: 150px solid transparent;
border-left: 150px solid transparent;
}

/*side
=================================================================*/
.st{
	color: #3ca050;
    font-size: 1.2em;
    font-weight: bold;
    padding: 20px 10px 9px 60px;
}
.sc_bg{
	background:url(../img/side_bg.png) repeat-y scroll 0 0;
	padding: 0 10px;
}
.sc_bottom{
	background:url(../img/side_bottom_bg.png) no-repeat scroll 0 bottom;
	padding: 0 0 15px;
}

/*sc_list*/
.sc_list li a{
	background:url(../img/arroe_01.png) no-repeat scroll 98% center;
	border-bottom: 1px solid #eee;
    color: #333;
    display: inline-block;
    width: 230px;
	font-size:0.9em;
}
.sc_list li a b{
	color:#FF4600;
	font-weight:bold;
}
.sc_list li.last a{
	border-bottom:none;
}

/*icon*/
.sc_list li.icon span{
	display: block;
    padding: 17px 20px 16px 47px;
}
.sc_list li.icon_01 span{background:url(../img/sc_list_icon_01.png) no-repeat scroll 0 center;}
.sc_list li.icon_02 span{background:url(../img/sc_list_icon_02.png) no-repeat scroll 0 center;}
.sc_list li.icon_03 span{background:url(../img/sc_list_icon_03.png) no-repeat scroll 0 center;}
.sc_list li.icon_04 span{background:url(../img/sc_list_icon_04.png) no-repeat scroll 0 center;}
.sc_list li.icon_05 span{background:url(../img/sc_list_icon_05.png) no-repeat scroll 0 center;}
.sc_list li.icon_06 span{background:url(../img/sc_list_icon_06.png) no-repeat scroll 0 center;}
.sc_list li.icon_07 span{background:url(../img/sc_list_icon_07.png) no-repeat scroll 0 center;}
.sc_list li.icon_08 span{background:url(../img/sc_list_icon_08.png) no-repeat scroll 0 center;}
.sc_list li.icon_09 span{background:url(../img/sc_list_icon_09.png) no-repeat scroll 0 center;}
.sc_list li.icon_10 span{background:url(../img/sc_list_icon_10.png) no-repeat scroll 0 center;}









/*st_01*/
.st_01{
	background:url(../img/side_title_01_bg.png) no-repeat scroll 0 0;
}

/*st_02*/
.st_02{
	background:url(../img/side_title_02_bg.png) no-repeat scroll 0 0;
}

/*kuchikomi*/
.kckm_list li{
	border-bottom: 1px solid #eee;
    font-size: 0.9em;
    padding: 5px 10px;
}
.kckm_list li.last{
	border:none;
}
.kckm_list li a{
	background:url(../img/arroe_01.png) no-repeat scroll right center;
	color: #ff4600;
    float: right;
    margin: 5px 0 0;
    padding: 0 10px 0 0;
}
.kckm_list li .hoshi{
	float: left;
}
.kckm_list li .hoshi img{
	float:left;
	margin: 5px 2px 0 0;
}
.kckm_list li .hoshi b{
	color:#ff4600;
	font-weight:bold;
	font-size:1.4em;
}

/*mainimg
=================================================================*/
#mainimg {
	background:url(../img/mv_bg.gif) repeat scroll 0 0;
	border-bottom: 1px solid #B1D9B9;
	margin: -4px 0 0;
}
#mainimg img{
	text-align: center;
}
#mainimg .img{
    margin: 0 auto;
    width: 1000px;
}
img{
	display:block;
}

/*header
=================================================================*/
header{
	background:url(../img/header_bg.png) repeat-x scroll 0 0;
	height: 86px;
}
header .logo{
	float: left;
}

/*h_contents*/
#h_contents{
	width:1000px;
	margin:0 auto;
}
#h_right{
	float: right;
	margin:15px 0 0 0;
	padding:8px 20px 5px 20px;
	border:#FFDC73 solid 2px;
	background:#FFFFEA;
	font-size:20px;
	font-weight:bold;
}


/*nav
---------------------------------------*/
#nav{
	float: right;
}
#nav li{
	float: left;
}
#nav li a{
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-9999px;
	display:inline-block;
	height:76px;
	margin: 5px 0 0;
}

/*hover*/
#nav li a:hover{
	background-position:0 -83px;
}

/*active*/
#nav li.active a{
	background-position:0 -166px;
}

/*off*/
#nav li.home a{
	background-image:url(../img/nav_home.png);
	width: 101px;
}
#nav li.nav_01 a{
	background-image:url(../img/nav01.png);
	width:150px;
}
#nav li.nav_02 a{
	background-image:url(../img/nav02.png);
	width:150px;
}
#nav li.nav_03 a{
	background-image:url(../img/nav03.png);
	width:150px;
}
#nav li.nav_04 a{
	background-image:url(../img/nav04.png);
	width:155px;
}

/*footer
=================================================================*/
#footer{
	background: url(../img/footer_bg.gif) repeat-x scroll 0 top #eaf5ea;
	padding: 20px 0 0;
}
#f_contents{
	margin: 0 auto;
    padding: 0 0 5px;
    width: 1000px;
}
#f_contents ul{
	float: left;
}
#f_contents li{
	float: left;
}
#f_contents li a{
	background:url(../img/arroe_02.png) no-repeat scroll 0 center;
	margin: 0 15px 0 0;
    padding: 5px 5px 5px 15px;
	color: #333;
}
#f_contents small{
	color: #555;
    font-size: 0.8em;
}

/*pankuzu
=================================================================*/
#pankuzu{
	width:1000px;
	margin: 0 auto 10px;
	font-size: 0.8em;
}
#pankuzu li{
	float: left;
}
#pankuzu li a{
	color:#f94f81;
}
#pankuzu li span.sep{
	margin: 0 8px;
}

/*main
=================================================================*/
.main {
 	float: left;
	width: 720px;
}
.main section {
	margin-bottom: 20px;
}

/*main_box*/
.main_box{
	background:#fff;
	padding:20px 30px;
	border-radius:10px;
	box-shadow:0 1px 2px #ccc;
}
#main_box h2{
    position: relative;
    color: #111;
    font-size: 16px;
    font-weight: bold;
    margin: 25px 0 15px 0;
    padding: 8px 0 8px 27px;
    border-bottom: 3px solid #008c00;
}
#main_box h2:before{
    content: "";
    position: absolute;
    background: #00bf00;
    top: 0;
    left: 6px;
    height: 12px;
    width: 12px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
#main_box h2:after{
    content: "";
    position: absolute;
    background:#00a600;
    top: 16px;
    left: 0;
    height: 8px;
    width: 8px;
    transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
}
#main_box h3{
	border-bottom: 2px dotted #e5f3e5;
    border-left: 4px solid #00a600;
    font-size: 14px;
    font-weight: bold;
    margin: 20px 0 10px 5px;
    padding: 5px 10px;
}
#main_box ul{
	list-style-type:square;
	margin:0 0 14px 20px;
}

.tidt{
	padding-left:1.5em;
}
.ant{
	background:#F7F7F7;
	padding:20px;
	margin-top: 30px;
}
.ant .h5_midashi{
	margin:0;
}

/*main_long
-----------------------------------------*/
.main_long{
	background:url(../img/main_long_top_bg.png) no-repeat scroll 0 0;
	padding: 15px 0 0;
}
.main_long .main_contents{
	background:url(../img/main_long_bg.png) repeat-y scroll 0 0;
	padding: 20px 40px;
}
.main_long .main_bottom{
	background:url(../img/main_long_bottom_bg.png) no-repeat scroll 0 bottom;
	padding: 0 0 15px;
}

/*おすすめ転職支援会社一覧
--------------------------------------*/
.itrn {}
.itrn .midashi {
	background: url(../img/top_midashi_bg_02.gif) no-repeat scroll 0 0;
	color: #f94f81;
	font-size: 1.6em;
  font-weight: bold;
  min-height: 44px;
  padding: 10px 0 0 80px;
	margin-bottom: 15px;
}

/*side
=================================================================*/
#side {
  float: right;
  width: 250px;
}
#side .bnr_box li { margin-bottom: 15px;}
#side .box {
}
/*title_01（注目コラム）
--------------------------------------*/
#side .box .midashi {
	background: url(../img/side_midashi_01.gif) no-repeat top center;
	color: #fff;
  font-size: 1.2em;
  font-weight: bold;
  padding: 7px 0 0 40px;
	text-shadow: 0 0 3px #c61777;
	height: 30px;
}
#side .box .link ul {
	padding: 15px;
	background: #fff;
	border-left: 1px solid #fca7c0;
	border-right: 1px solid #fca7c0;
	border-bottom: 1px solid #fca7c0;
	border-radius: 0 0 5px 5px;
}
#side .box .link li {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 2px dotted #cdcdcd;
}
#side .box .link li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
#side .box .link ul li p.ttl {
	margin: 5px 0;
	font-weight: bold;
}
#side .box .link ul li p.more {
	background:url(../img/arrow_01.gif) no-repeat left center;
	text-align: right;
	margin-left: 130px;
}

/*検索結果ページ
=================================================================*/
.result .kensu{
	color:#333;
	margin:0 5px;
}
table.t_search td.point{
	text-align: left;
	width: 50%;
	padding: 10px;
}

/*検索枠*/
.search_long{
	background:none;
}
.search_long .sct{
	background:url(../img/main_long_title_01_bg.png) no-repeat scroll 0 0;
}
.search_long .main_bottom{
	background:url(../img/main_long_bottom_bg2.png) no-repeat scroll 0 bottom;
	padding: 0 0 75px;
}
.search_long #knsk_buttons #knsk_go{
	left: 310px;
    top: 38px;
}
.search_long #knsk_buttons #knsk_reset{
	right: 170px;
    top: 34px;
}
.joken_title{
	border-left: 5px solid #008c00;
    font-weight: bold;
    margin: 20px 0 10px;
    padding: 6px 0 2px 10px;
}
	

/*見出し
=================================================================*/
.main_title_01{
	background:url(../img/title_bg_01.png) no-repeat scroll 0 0;
	color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    padding: 13px 0 8px 20px;
}

/*second
----------------------------------*/
.heading_01{ /*h2*/
	background:url(../img/heading_bg_01.gif) repeat-x scroll 0 center;
	border: 1px solid #e5f3e5;
    font-size: 1.3em;
    font-weight: bold;
    margin: 0 0 20px;
    outline: 2px solid #008c00;
    padding: 10px 15px;
}
.heading_02{ /*h3*/
	border-bottom: 2px dotted #e5f3e5;
    border-left: 4px solid #008c00;
    font-size: 1.2em;
    font-weight: bold;
    margin: 40px 0 10px;
    padding: 5px 10px;
}
.heading_03{ /*h4*/
	color: #008c00;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 5px;
}

/*リスト
=================================================================*/
ul.list {}
ul.list li {
	background: url(../img/list_icon.gif) no-repeat top 5px left 0;
	padding: 0 0 10px 20px;
}

/*page-top
=================================================================*/
#page-top {
	position: fixed;
	bottom: 10px;
	right: 0;
	z-index: 1;
}

#page-top a {
	background: url(../img/pagetop.png) no-repeat scroll 0 0;
	display: inline-block;
    height: 136px;
    text-indent: -9999px;
    width: 110px;
}

/*コラム
--------------------------------------*/
.icon_column span{
	background:url(../img/icon_column.png) no-repeat scroll 0 0;
	padding-left: 75px;
}
.column_box{
	border-bottom: 1px dashed #ddd;
    margin: 0 0 20px;
    padding: 0 0 20px;
}
.column_box .c_title{
	font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 10px;
}
.column_box .c_title a{
	color:#333;
}
.column_box .category_box{
	float: left;
}
.column_box .category_box li{
	margin: 0 0 5px;
    padding: 5px;
    width: 110px;
}
.column_box .category_box .time{
	background:url(../img/column_arrow_01.png) no-repeat scroll 0 0;
	font-size: 0.7em;
}
.column_box .category_box .category{
	background:url(../img/column_arrow_02.png) repeat scroll 0 0 / 100% 100%;
	color: #fff;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 1.1;
}
.column_box .text_box{
	float: right;
    padding: 0 0 20px;
    position: relative;
    width: 520px;
}
.column_box .text_box img{
	float: right;
	margin: 0 0 10px 10px;
}
.column_box .text_box .next{
	bottom: 0;
	font-size: 0.8em;
	position: absolute;
	right: 135px;
}
.kimg_box{
	border: 2px solid #0043cb;
    margin: 0 0 15px 0;
    padding: 0;
	width:656px;
	height:280px;
}


/*page*/
#page{
	font-size: 0.8em;
    margin: 40px 0 0;
    text-align: center;
}
#page li{
	display:inline;
}
#page li a{
	background: #fff;
    border: 1px solid #ddd;
    color: #333;
    margin: 0 5px;
    padding: 5px 15px;
    text-align: center;
}
#page li a:hover{
	background:#F3F3F3;
}
#page .active a,
#page .active a:hover{
	color:#fff;
	font-weight:bold;
	background:#767676;
	text-decoration:none;
	cursor: context-menu;
}
#page .active{
}

/*クチコミ
=================================================================*/
#coment .cmt_title{
	background:url(../site/img/icon_coment_title.png) no-repeat scroll 220px 0;
	color: #008c00;
    font-size: 1.3em;
    font-weight: bold;
    height: 39px;
    margin: 0;
    padding: 0;
    text-align: center;
}
#coment .cmt_box{
	background:#FFFAEF;
	padding: 20px;
	margin-bottom: -15px;
	border-radius: 5px;
}
#coment img{
	display: inline-block;
}
#hyouka{
	background:#fff;
	border:2px solid #FFDB8B;
	border-radius:5px;
	padding: 5px 20px 0;
	text-align: center;
	margin: 0 0 30px;
}
#hyouka img{
	margin: 0 2px;
    vertical-align: -2px;
}
#hyouka p .hyo{
	font-weight: bold;
    margin: 0 5px;
    vertical-align: 3px;
}
#hyouka p .ten{
	color: #fa5082;
    font-size: 1.8em;
    font-weight: bold;
    margin: 0 0 0 5px;
}

/*kmnt
--------------------------------------*/
.kmnt{
	margin:20px 0 0 0;
}
.kmnt .face_icon{
	float:left;
}
.kmnt .text{
	background:url(../img/site/coment_bg_top.png) no-repeat scroll 0 0;
	float:right;
	width: 532px;
}
.kmnt .text_top{
	border-bottom: 1px dashed #ccc;
    margin: 0 30px 5px;
    padding: 10px 0 5px;
}
.kmnt .text_top p img{
	margin:0 2px 0 0;
	vertical-align: -2px;
}
.kmnt .text_top .bold{
	font-size:1.2em;
	margin: 0 0 0 5px;
}
.kmnt .text_bottom p{
	padding: 0 20px 0 30px;
}

.kmnt .text_bottom{
	background:url(../img/site/coment_bg_bottom.png) no-repeat scroll 0 bottom;
	padding: 5px 0 15px;
}

/*common
=================================================================*/
body{
	background:url(../img/body_bg.gif) repeat scroll 0 0;
}
#contents{
	background: url(../img/footer_bg.png) repeat-x bottom center;
}
.contents_box{
	margin: 0 auto;
	width: 1000px;
	padding: 10px 0;
}
.contents_box p{
	margin: 0 0 15px 0;
	line-height:180%;
}

.header_bg {
	background: url(../img/header_bg.png) repeat-x top center;
}
.shd_01{
	text-shadow:1px 1px 0 #146EC8;
}
a:hover{
	text-decoration:none;
}
.red{
	color:#FA0A1E;
}
.redb{
	color:#FA0A1E;
	font-weight:bold;
}
.bold{
	font-weight:bold;
}
.bred{
	color:#FA0A1E;
	font-weight:bold;
}
.bblu{
	color:#0059B2;
	font-weight:bold;
}
.hover:hover{
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity:0.85;
}

/*Q&A
=================================================================*/
#qa .qa_category{
	background:url(../img/heading_bg_02.gif) repeat-x scroll 0 center;
	border-left: 1px solid #FFB396;
	border-right:1px solid #FFB396;
	border-top:1px solid #FFB396;
	border-bottom:3px solid #ff4600;
	border-radius:5px 5px 0 0;
	font-weight:bold;
	margin: 40px 0 20px;
}
#qa .qa_category span{
	background:url(../img/qa_icon_01.png) no-repeat scroll 10px center;
	display: block;
    padding: 10px 10px 10px 50px;
}
#qa .qa_box{
	background:url(../img/qa_boder_bg.png) repeat-x scroll 0 bottom;
	margin: 0 0 15px 0;
    padding: 15px 0;
}
#qa .qa_box.last{
	background:none;
	margin-bottom: -20px;
	padding-bottom:0;
}
#qa .qa_box .question,
#qa .qa_box .answer{
    letter-spacing: 0.1em;
	min-height: 50px;
}
#qa .qa_box .question{
	background:url(../img/qa_icon_q.png) no-repeat scroll 0 0;
	color:#ff4600;
	font-weight:bold;
	font-size:1.3em;
	padding: 0 0 0 50px;
}
#qa .qa_box .answer{
	background:url(../img/qa_icon_a.png) no-repeat scroll 0 15px;
	border-top: 1px dotted #eee;
    line-height: 2;
    margin: 10px 0 0;
	padding: 10px 0 15px 50px;
}
#qaForm{
	padding: 10px;
	border: solid 1px #eee;
}
#qaForm .qa_category{
	background:url(../img/heading_bg_02.gif) repeat-x scroll 0 center;
	border-left: 1px solid #FFB396;
	border-right:1px solid #FFB396;
	border-top:1px solid #FFB396;
	border-bottom:3px solid #ff4600;
	border-radius:5px 5px 0 0;
	font-weight:bold;
	margin: 0px 0 20px;
}
#qaForm .qa_category span{
	background:url(../img/qa_icon_01.png) no-repeat scroll 10px center;
	display: block;
    padding: 10px 10px 10px 50px;
}
.qaTable{
	width: 100%;
}
.qaTable th{
	width: 220px;
}
.qaTable th, .qaTable td{
	padding: 5px;
	border: solid 1px #ccc;
	text-align: left;
	vertical-align: top;
}
.qaControl{
	margin: 10px auto 20px auto;
	text-align: center;
}
#qaAlert{
	margin: 10px auto;
	text-align: center;
	color: #FF403F;
}
#a_0{
	color: #FF403F;
}
#a_1{
	color: #FF403F;
}
#a_2{
	color: #FF403F;
}
#a_3{
	color: #FF403F;
}
#a_4{
	color: #FF403F;
}
#a_5{
	color: #FF403F;
}
#a_6{
	color: #FF403F;
}
#qaSendAlert{
	margin: 10px auto;
	text-align: center;
	color: #FF403F;
}
.his{
	margin: 0px 10px 0px 0px;
	padding: 2px 4px;
	background: #FF403F;
	color: #fff;
	font-size: 10px;
}
.free{
	margin: 0px 10px 0px 0px;
	padding: 2px 4px;
	background: #3F96FF;
	color: #fff;
	font-size: 10px;
}
#overlay{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background-color: #000;
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
#qaCheckBox{
	display: none;
	position: fixed;
	top: 5%;
	left: 50%;
	background: #fff;
	margin: 0px 0px 0px -350px;
	padding: 20px;
	width: 660px;
	height: 80%;
	z-index: 100;
	overflow: auto;
}
#sendAfter, #sendBefore{
	display: none;
}

/*star*/
.star div{
	float: left;
}
.star p{
	float: left;
    line-height: 2;
    margin: 0 0 0 10px;
}
.star img{
	display: inline-block;
}




/*qa_btn
--------------------------------------------------------------*/
#qa_btn li a{
	background:url(../img/arroe_02.png) 97% center no-repeat,-moz-linear-gradient(top, #FFFFFF, #F5F5F5);
    background:url(../img/arroe_02.png) 97% center no-repeat,-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F5F5F5));
	
	border: 1px solid #bbb;
    border-radius: 5px;
    display: inline-block;
    float: left;
    margin: 0 9px 15px 0;
    padding: 10px;
    width: 192px;
}
#qa_btn li.last a{
	margin-right:0;
}
#qa_btn li a:hover{
	background:url(../img/arroe_02.png) 97% center no-repeat,-moz-linear-gradient(top, #fafafa, #dfdfdf);
    background:url(../img/arroe_02.png) 97% center no-repeat,-webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#dfdfdf));

	text-decoration:none;
}

/*accordion*/
.accordion .question {
    background:url("../img/qa_icon_q.png") no-repeat scroll 0 0;
    color: #ff4600;
    font-size: 1.3em;
    font-weight: bold;
    padding: 0 0 5px 50px;
	letter-spacing: 0.1em;
    min-height: 50px;
	border-bottom: 1px dotted #eee;
	cursor:pointer;
}
.accordion .qa_box p{
    background:url("../img/qa_icon_a.png") no-repeat scroll 0 5px;
    line-height: 2;
    padding: 0 0 0 50px;
}
#qa .accordion .qa_box{
	margin: 0 0 20px;
    padding: 0 0 5px;
}

.accordion .question span{
	background:url(../img/open_qa.png) no-repeat scroll 99% center / 20px auto;
	display:block;
	padding-right: 30px;
}
.accordion .question .open {
	background:url(../img/close_qa.png) no-repeat scroll 99% center / 20px auto;
}
ul.accordion ul { display:none;}
ul.accordion a { display:block; padding:10px; background-position:97% center; background-repeat:no-repeat; text-decoration:none; color:#333; font-weight:bold;}

#toc_container li,#toc_container ul{margin:0;padding:0}
#toc_container ul {margin:0 0 8px;}
#toc_container ul ul{margin-left:1.5em;}
#toc_container .toc_b{font-weight:bold;}
#toc_container{background:#f9f9f9;border:1px solid #aaa;padding:10px;margin-bottom:1em;width:96%;display:table;font-size:100%}
#toc_container p.toc_title{text-align:center;font-weight:bold;margin:0 0 8px;padding:0 0 5px; border-bottom:#CCC 1px dotted;}
#toc_container a{text-decoration:none;text-shadow:none}
#toc_container a:hover{text-decoration:underline}

/*column
==================================================================================*/
#column .column_article{
	border: 1px solid #ccc;
    margin: 0 0 20px;
    padding: 20px;
	border-radius:6px;
	box-shadow:0 1px 3px #DCDCDC;
}
#column .column_article a.img{
	float:left;
}
#column .column_article .text{
	padding: 0 0 0 170px;
}
#column .column_article .text a{
	display: inline-block;
    font-size: 1.5em;
    font-weight: bold;
    margin: 0 0 10px;
}
#column .column_article .text ul li a{
	font-size:1em;
	font-weight:normal;
	border-left:4px solid #008c00;
	padding: 0 0 0 7px;
}
#column .column_article .text .btn{
	background:url(../img/arroe_03.png) no-repeat scroll 95% center #FFE7DF;
	color: #333;
    display: inline-block;
	font-size: 14px;
	padding: 9px 30px 6px 10px;
    text-decoration: none;
}
.center{
	text-align:center;
}
.right{
	text-align:right;
}

.pagenavi {
	margin: 25px 0 25px 0;
	text-align: center;
}
p .migi {
  float: right;
  margin:0 2em;
  vertical-align:middle;
  height:20px;
}
.c-box01 {
	margin:0 0 18px 0;
	padding:0;
	width: 645px;
	font-size:12px;
	line-height:20px;
}
.c-box01 a{font-weight:bold;}
.c-box01 a:hover{color:#F60;}
.c-box01 ul{
	margin:0 0 5px 0;
	padding:10px 10px 5px 5px;
	background-color:#FFD;
	border:#FF8000 1px dotted;
	}
.c-box01 li{
	margin:0 0 10px 5px;
	padding:3px 0 0 28px;
	line-height: 16px;
	list-style: none;
	text-align: left;
	background:url(http://xn--t8j2av1a7bzgucq70h319tr95h.jp/img/lis/che2.png) center left;
	background-repeat:no-repeat;
	color:#F03;
	font-size:16px;
	font-weight:bold;
}
.x14 {font-size:16px }