@charset "utf-8";
/* =Reset
-------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
img {vertical-align:top;}
input[type="radio"], input[type="checkbox"] {vertical-align: -3px;}

html>/**/body {
font-family: メイリオ,Meiryo,“ヒラギノ角ゴ Pro W3″,”Hiragino Kaku Gothic Pro W3″,”ＭＳ Ｐゴシック”,sans-serif;
}
* + html body {
font-family: メイリオ,Meiryo,“ヒラギノ角ゴ Pro W3″,”Hiragino Kaku Gothic Pro W3″,”ＭＳ Ｐゴシック”,sans-serif;
}

/* For modern browsers */
.cf:before,
.cf:after {
	content:"";
	display:table;}
.cf:after {clear:both;}
/* For IE 6/7 (trigger hasLayout) */
.cf {zoom:1;}
.clear{ clear:both; }
.clr {
	clear: both;
	line-height: 0;
	display: block;
	height: -1px;
}

/* =all
-------------------------------------------------------------- */
body {
	text-align: center;
	font-size: 14px;
	line-height: 1.5;
	color:#000;
	background-color:#fff;
}

.fl {	float: left;}
.fr {	float: right;}
.fw {	width: 100%;}

/* font */
.ta_l { text-align: left;}
.ta_c { text-align: center;}
.ta_r { text-align: right;}
.lh17 { line-height: 1.7em;}
.lh20 { line-height: 2em;}
.f10 {	font-size: 10px;}
.f12 {	font-size: 12px;}
.f14 {	font-size: 14px;}
.f16 {	font-size: 16px;}
.f18 {	font-size: 18px;}
.bold {	font-weight: bold;}
.red {	color:#F00;}
.blue {	color:#00F;}
.green { color:#01bf20; }

/* mgn */
.mgn05 {margin-bottom: 5px;}
.mgn08 {margin-bottom: 8px;}
.mgn10 {margin-bottom: 10px;}
.mgn15 {margin-bottom: 15px;}
.mgn20 {margin-bottom: 20px;}
.mgn25 {margin-bottom: 25px;}
.mgn30 {margin-bottom: 30px;}
.mgn35 {margin-bottom: 35px;}
.mgn40 {margin-bottom: 40px;}
.mgn50 {margin-bottom: 50px;}
.mgn55 {margin-bottom: 55px;}
.mgn60 {margin-bottom: 60px;}
.mgn70 {margin-bottom: 70px;}
.mgn100{margin-bottom:100px;}
.mgn150{margin-bottom:150px;}
.mgr08 {margin-right:  8px;}
.mgr10 {margin-right:  10px;}
.mgr14 {margin-right:  14px;}
.mgr16 {margin-right:  16px;}
.mgr20 {margin-right:  20px;}


/* border */
.b_t{border-top:solid 1px #b9b9b9;}
.b_r{border-right:solid 1px #b9b9b9;}
.b_b{border-bottom:solid 1px #b9b9b9;}
.b_l{border-left:solid 1px #b9b9b9;}

.pdr01{padding-right:1px;}
.pdt15{padding-top:15px;}
.pdt20{padding-top:20px;}
.pdt65{padding-top:65px;}
a{
	color:#0d6fb8;
	text-decoration:underline;
}
a:hover{
	opacity:0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha( opacity=75 )";
	text-decoration:none;
}
a img:hover{
	opacity:0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha( opacity=75 )";
}
a.al_no:hover,
a.al_no img:hover{
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}

/*----------------------------

      header

----------------------------*/
#header{
	width:100%;
	min-width:950px;
	padding-bottom:10px;
}
#header .h_above{
	width:100%;
	min-width:950px;
	height:21px;
	background:#00508b;
	line-height:21px;
	color:#fff;
	font-size:11px;
	text-align:left;
}
#header .h_above div.cf{
	width:950px;
	height:21px;
	margin:0 auto;
}
#header .h_below{
	width:950px;
	margin:0 auto;
}
#header .h_below div{
	float:left;
}
#header .h_below .hb01{
	width:214px;
	height:27px;
	margin-right:52px;
}
#header .h_below .hb01 input[type="text"]{
	float:left;
	width:143px;
	height:27px;
	font-size:12px;
	border:none;
	background:#ebebeb url(img/head_sbg.jpg) no-repeat 8px 7px;
	padding:0 0 0 28px;
}
#header .h_below .hb01 input[type="image"]{
	float:left;
}
#header .h_below .hb02{
	padding-top:9px;
	margin-right:13px;
}
#header .h_below .hb03{
	width:337px;
	height:86px;
	margin:10px 13px 0 0;
	background:url(img/head_lbg.png) no-repeat top center;
}
#header .h_below .hb03 div{
	width:315px;
	height:43px;
	line-height:43px;
	padding:0 11px;
	text-align:left;
	color:#00508b;
	font-size:10px;
	position:relative;
	margin-bottom:7px;
}
#header .h_below .hb03 div input[type="text"]{
	width:63px;
	height:19px;
	vertical-align:text-botom;
	margin-right:11px;
}
#header .h_below .hb03 div input[type="image"]{
	position:absolute;
	top:8px;
	right:11px;
}
#header .h_below .hb03 p{
	width:321px;
	height:43px;
	padding:0 8px;
	font-size:10px;
	text-align:left;
}
#header .h_below .hb03 p label{
	color:#00508b;
}
#header .h_below .hb03 p a{
	display:inline-block;
	color:#ff5824;
	text-align:right;
	margin-left:165px;
}
#header .h_below .hb04{
	width:223px;
	margin-top:9px;
}
#nav{
	width:100%;
	min-width:950px;
	background:url(img/nav_wrapbg.jpg) repeat-x top center;
}
#nav ul{
	width:949px;
	border-left:1px solid #c9c9c9;
	margin:0 auto 0px auto;
}
#nav ul li{
	float:left;
	border-right:1px solid #c9c9c9;
	border-top:1px solid #c9c9c9;
}
#nav ul li.n01{border-bottom:3px solid #ff1400;}
#nav ul li.n02{border-bottom:3px solid #fa8f05;}
#nav ul li.n03{border-bottom:3px solid #fdde2c;}
#nav ul li.n04{border-bottom:3px solid #9ce826;}
#nav ul li.n05{border-bottom:3px solid #10ae00;}
#nav ul li.n06{border-bottom:3px solid #00a1e9;}
#nav ul li.n07{border-bottom:3px solid #002be9;}
#nav ul li.n08{border-bottom:3px solid #ba01ff;}
#nav ul li.n01 a img:hover{
	background:#ffe7e5;
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100)";
}
#nav ul li.n02 a img:hover{
	background:#fae5c9;
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100)";
}
#nav ul li.n03 a img:hover{
	background:#faf4d2;
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100)";
}
#nav ul li.n04 a img:hover{
	background:#dfeec8;
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100)";
}
#nav ul li.n05 a img:hover{
	background:#bcd1ba;
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100)";
}
#nav ul li.n06 a img:hover{
	background:#c2d4dc;
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100)";
}
#nav ul li.n07 a img:hover{
	background:#c9cfe7;
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100)";
}
#nav ul li.n08 a img:hover{
	background:#eccdf8;
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100)";
}

/*----------------------------

      footer

----------------------------*/
#pagetop{
	width:950px;
	margin:0 auto;
	text-align:right;
}
#footer{
	width:100%;
	min-width:950px;
	border-bottom:5px solid #00a6e8;
}
#wrap_foot{
	width:100%;
	min-width:950px;
	background:#f6f6f6;
	padding:20px 0;
}
#wrap_foot div.cf{
	width:950px;
	margin:0 auto;
}
#wrap_foot div.cf div.fl{
	width:223px;
	padding-left:100px;
	background:url(img/foot_logo.png) no-repeat 0 0;
}
#wrap_foot div.cf div.fr dl{
	text-align:right;
	font-size:10px;
	line-height:1.5em;
}
#wrap_foot div.cf div.fr dl dt{
	font-weight:bold;
	margin-bottom:5px;
}
.footnavi {
    float: right;
    margin-bottom: 10px;
    width: 600px;
}
.footnavi ul li {
    background-image: url("img/li.png");
    background-position: left center;
    background-repeat: no-repeat;
    float: left;
    font-size: 12px;
    margin: 2px;
    padding-left: 10px;
    text-align: left;
    width: 135px;
}
/*----------------------------

      common

----------------------------*/
#contents{
	width:950px;
	margin:0 auto 70px auto;
}
#contents h1{
	margin-bottom:37px;
}
#footlink div.fl01{
	width:371px;
	height:87px;
	background:url(img/fl01.jpg) no-repeat top center;
	padding:98px 0 0 574px;
	margin:0 auto 25px auto;
	text-align:left;
}
#footlink div.fl02{
	width:371px;
	height:87px;
	background:url(img/fl02.jpg) no-repeat top center;
	padding:98px 0 0 574px;
	margin:0 auto;
	text-align:left;
}

/*----------------------------

      tenjikai

----------------------------*/
#service_dtl{
	margin-bottom:36px;
}
#service_dtl div.fl{
	width:352px;
	margin-right:15px;
}
#service_dtl div.fr{
	width:583px;
	text-align:left;
}
#service_dtl div.fr .sd_cap{
	font-size:16px;
	line-height:1.6em;
	padding:9px 7px 7px 7px;
	font-weight:bold;
	letter-spacing:1px;
}
#service_dtl div.fr dl{
	width:583px;
	background:url(img/sright_btm.jpg) no-repeat bottom center;
	padding-bottom:46px;
	position:relative;
}
#service_dtl div.fr dd{
	background:url(img/sright_bg.jpg) repeat-y top center;
	min-height:140px;
}
#service_dtl div.fr dd p{
	width:315px;
	padding:5px 222px 0 46px;
	font-size:14px;
	letter-spacing:1px;
}
#service_dtl div.fr dd img{
	position:absolute;
	bottom:4px;
	right:40px;
}
#service_spec{
	width:950px;
}
 /*
#service_spec h2{
	background:url(img/sped_bg.jpg) repeat-x top center;
	height:49px;
	line-height:49px;
	text-align:left;
	padding-left:30px;
	font-size:16px;
	font-weight:bold;
	position:relative;
	margin-bottom:46px;
}
 */
.service_spec_h2{
	background:url(img/sped_bg.jpg) repeat-x top center;
	height:49px;
	line-height:49px;
	text-align:left;
	padding-left:30px;
	font-size:16px;
	font-weight:bold;
	position:relative;
	margin-bottom:46px;
}
#service_spec h2 span{
	display:block;
	position:absolute;
	top:9px;
	right:9px;
	text-align:right;
	height:30px;
}
#service_spec h2 span img{
	margin-left:7px;
}
#service_spec dl{
	margin:0 0 40px 0;
}
#service_spec dt{
	float:left;
	width:130px;
	padding:25px 10px 0 0;
	text-align:right;
	font-size:32px;
	font-weight:bold;
}
#service_spec dd{
	float:left;
	width:810px;
	text-align:left;
}
#service_spec dd li{
	float:left;
}
#service_spec .ss_type li{
	width:132px;
	margin-right:25px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#service_spec .ss_type li h3{
	text-align:center;
	font-weight:bold;
	font-size:14px;
	color:#6b6e72;
	margin-bottom:5px;
}
#service_spec .ss_type li img{
	margin-bottom:5px;
}
#service_spec .ss_type li p{
	font-size:10px;
	text-align:left;
}

/*----------------------------

      contentspage

----------------------------*/

.template {
	list-style-type: none;
	background-color: #E7EAF2;
	width: 250px;
	border: 1px solid #26488F;
	float: left;
	padding-left: 30px;
}
.template li {
	background-image: url(img/li.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	margin-bottom: 15px;
	margin-top: 15px;
}

.mainbox {
	margin-top: 20px;
	text-align: left;
}

.h_cmyk {
	background-image: url("img/h2_bg.gif");
    background-repeat: no-repeat;
    border-bottom: 1px solid #808080;
    color: #111;
    font-size: 1.3em;
    margin: 0 0 1em;
    padding-left: 26px;
}

.textbox {
	margin-left:10px;
	margin-right:10px;
	padding-bottom: 50px;
}
.textbox img{

}

.righttextbox {
	width: 535px;
	float: right;
}

.leftimg {
	float:left;
	margin-right: 25px;
}
.rightimg {
	float:right;
	margin-left: 25px;
}
.centerbox {
	margin-left:auto;
	margin-right:auto;
	width: 745px;
}
.border {
	background-image: url(img/border.gif);
	background-repeat: repeat-x;
	height: 15px;
	width: 100%;
}
.small {
	font-size:12px;
}
.mainbox h1 {
    margin: 0 !important;
}

/* 大判用FAQ（テスト）*/



/* Q&A */
.grayBox {
	background-color: #e7eaf2;
    border: 1px solid #26488f;
    list-style-type: none;
    width: 300px;
	padding-left: 30px;
}
.qabox {
	float:left
}
.list {
    background-image: url(img/li.png);
    background-position: left center;
    background-repeat: no-repeat;
    margin-bottom: 15px;
    margin-top: 15px;
    padding-left: 20px;
}
.oobantabContainer dl {

        line-height: 2.0;

        clear: both;

        width: 800px;

        padding: 15px;

}



/* Q */

.oobantabContainer dl dt {
	display: block;
	cursor:pointer;
	margin: 0 0 12px;
	padding-bottom: 3px;
	padding-left: 35px;
	font-weight: bold;
	background-image: url(img/q30.gif);
	background-repeat: no-repeat;
	background-position: 0px 0.3em;
}



/* A */

.oobantabContainer dl dd {
	display: none;
	margin-bottom: 30px;
	padding: 0 10px 0 35px;
	background-image: url(img/a30.gif);
	background-repeat: no-repeat;
	background-position: 0px 0.3em;
}

#sec10{
	width:100%;
	min-width:960px;
}
#sec10 h2{
	width:100%;
	min-width:960px;
	background:url(img/sec08_bg.jpg) repeat top center;
	height:122px;
	margin-bottom:60px;
}
#sec10 ul{
	width:856px;
	margin:0 auto 55px auto;
}
#sec10 ul li{
	padding-left:165px;
	text-align:left;
	font-size:16px;
}
#sec10 ul li dt{
	padding-top:15px;
	margin-bottom:15px;
}
#sec10 ul li.flow01{background:url(img/sec10_01.jpg) no-repeat top left;}
#sec10 ul li.flow02{background:url(img/sec10_03.jpg) no-repeat top left;}
#sec10 ul li.flow03{background:url(img/sec10_05.jpg) no-repeat top left;}
#sec10 ul li.flow04{background:url(img/sec10_07.jpg) no-repeat top left;}
#sec10 ul li.flow05{background:url(img/sec10_09.jpg) no-repeat top left;}
#sec10 ul li.flow06{background:url(img/sec10_11.jpg) no-repeat top left;}
#sec10 ul li.flow01 dl{
	height:171px;
	background:url(img/sec10_arrow.jpg) no-repeat left bottom;
}
#sec10 ul li.flow02 dl{
	height:184px;
	background:url(img/sec10_arrow.jpg) no-repeat left bottom;
}
#sec10 ul li.flow02 dl dt{
	position:relative;
}
#sec10 ul li.flow02 dl dt span{
	position:absolute;
	top:-40px;
	left:250px;
}
#sec10 ul li.flow03 dl{
	height:184px;
	background:url(img/sec10_arrow.jpg) no-repeat left bottom;
}
#sec10 ul li.flow04 dl{
	height:184px;
	background:url(img/sec10_arrow.jpg) no-repeat left bottom;
}
#sec10 ul li.flow05 dl{
	height:171px;
	background:url(img/sec10_arrow.jpg) no-repeat left bottom;
}
#sec10 ul li.flow06 dl{
	height:143px;
}



/* addin (for login) */

.txtOrange {
	color: #FF6600;
}
.txtLarge {
font-size: 16px;
font-weight: bold;
}
#header .after p {
line-height: 1.2;
font-size: 11px;
}
#header .after .name {
color: #0071B1;
}
#header .after .user_info {
float: left;
width: 293px;
padding: 4px 0;
}
#header .login.after {
min-height: 40px;
padding: 4px 10px 0;
float: left;
}
#header .login {
width: 416px;
min-height: 36px;
line-height: 1;
font-size: 11px;
/* clear: both; */
background-color: #e3e3e3;
padding: 8px 10px;
}
#header .after .usernavi {
float: left;
width: 113px;
padding-left: 10px;
}
#header .after .usernavi img {
margin-bottom: 4px;
}

/*----------------------------

      officepage

----------------------------*/

.sizetable table	{
	float: right;
	border-collapse: collapse;	border-spacing: 0;
	width: 30%;
	margin-bottom: 30px;
	text-align: center;
}
.sizetable th, .sizetable td	{
	padding: 10px 20px;
	color: #1D5C79;
}
.sizetable .odd	{
	background: #E5F2F8;
}
.office_h3::before {
    background: #0040ff none repeat scroll 0 0;
    border-radius: 50%;
    box-shadow: 1px 1px 1px #fff inset;
    content: "";
    height: 17px;
    left: 14px;
    margin-top: -9px;
    position: absolute;
    top: 50%;
    width: 17px;
}
.office_h3::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #e0f2f7 transparent #e0f2f7 #e0f2f7;
    border-image: none;
    border-style: solid;
    border-width: 15px;
    content: "";
    height: 0;
    position: absolute;
    right: -21px;
    top: 0;
    width: 0;
}
.office_h3 {
    background: #e0f2f7 none repeat scroll 0 0;
    border-radius: 15px 0 0 15px;
    color: #111;
    font-size: 16px;
    line-height: 1;
    margin: 30px 20px 25px -10px;
    padding: 7px 5px 7px 50px;
    position: relative;
}
.office_h3_2::before {
    background: #d04727 none repeat scroll 0 0;
    border-radius: 50%;
    box-shadow: 1px 1px 1px #fff inset;
    content: "";
    height: 17px;
    left: 14px;
    margin-top: -9px;
    position: absolute;
    top: 50%;
    width: 17px;
}
.office_h3_2::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #f5bca9 transparent #f5bca9 #f5bca9;
    border-image: none;
    border-style: solid;
    border-width: 15px;
    content: "";
    height: 0;
    position: absolute;
    right: -21px;
    top: 0;
    width: 0;
}
.office_h3_2 {
    background: #f5bca9 none repeat scroll 0 0;
    border-radius: 15px 0 0 15px;
    color: #111;
    font-size: 16px;
    line-height: 1;
    margin: 30px 20px 25px -10px;
    padding: 7px 5px 7px 50px;
    position: relative;
}
.fukidashi::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #fbefef transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 10px;
    content: "";
    height: 0;
    left: 30px;
    position: absolute;
    top: 100%;
    width: 0;
}
.fukidashi {
    background: #fbefef none repeat scroll 0 0;
    border: 1px solid #fbefef;
    border-radius: 3px;
    color: #ff0000;
    font-size: 15px;
    font-weight: bold;
    margin: 0 -10px 10px;
    padding: 8px 5px 6px 19px;
    position: relative;
    text-shadow: 1px 1px 1px #F6CECE;
}
.pointobox {
    margin-top: 24px;
    overflow: hidden;
}
.pointobox dl dt {
	float: left;
}
.pointobox dl dd {
    float: left;
    margin-left: 20px;
    margin-top: 10px;
    width: 800px;
}
.officenavi ul {
    float: left;
    margin-left: 30px;
    margin-right: 100px;
}
.officenavi ul li {
    background-image: url("img/li.png");
    background-position: left center;
    background-repeat: no-repeat;
    margin: 12px;
    padding-left: 11px;
}
.officenavi {
    margin-top: 35px;
    overflow: hidden;
}

/*----------------------------

      guidepage

----------------------------*/

.ooban_h3 {
    border-left: 7px solid #1e90ff;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 0.2em 0.8em;
}
.guidelinkbox ul li {
    background-image: url("img/li.png");
    background-position: left center;
    background-repeat: no-repeat;
    float: left;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-left: 15px;
    width: 290px;
}
.guidetable table {
	border-collapse: collapse;
}
.guidetable th.t_top {
    border-top: #00508b 4px solid;
}
.guidetable th {
    background-color: #eff5fb;
    border-bottom: 1px dotted #e3e3e3;
    font-weight: bold;
    padding: 10px;
    text-align: center;
}
.guidetable td.t_top {
	border-top: #b3b3b3 4px solid;
}
.guidetable td {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 10px;
}
.dlbox {
}
.dlbox p {
    padding-left: 40px;
    padding-top: 36px;
}
.fbox {
    position: relative;
    display:inline-block;
    padding: 10px 25px;
    text-align:left;
    background-color:#F6CECE;
    border:1px solid #F6CECE;
    margin: 5px 5px 17px 5px;
    border-radius: 5px ;
}
.fbox:after, .fbox:before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
}
.fbox:after {
    top: 98%;
    left: 11px;
    border: 7px solid transparent;
    border-top: 7px solid #F6CECE; /*10px*/
}
.fbox:before {
    top: 100%;
    left: 10px; 
    border: 8px solid transparent;
    border-top: 10px solid #F6CECE; /*13px*/
}

/*----------------------------

      schedulepage

----------------------------*/

table.noukitable{
    font-family: "Trebuchet MS", sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4em;
    font-style: normal;
    border-collapse:separate;
	border-spacing: 3px;
}
.noukitable tbody th {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
	background-color: #9ed929;
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(left bottom , rgb(158, 217, 41) 2%, rgb(139, 198, 66) 51%, rgb(123, 192, 67) 87%) repeat scroll 0 0;
	background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.02, rgb(123,192,67)),
        color-stop(0.51, rgb(139,198,66)),
        color-stop(0.87, rgb(158,217,41))
        );
    border-bottom-left-radius: 5px;
    border-color: #93ce37 #9ed929 #93ce37 #93ce37;
    border-image: none;
    border-style: solid;
    border-top-left-radius: 5px;
    border-width: 1px 3px 1px 1px;
    color: #fff;
    padding: 0 10px;
    text-shadow: 1px 1px 1px #568f23;
}
.noukitable thead th{
    padding:15px;
    color:#fff;
    text-shadow:1px 1px 1px #568F23;
    border:1px solid #93CE37;
    border-bottom:3px solid #9ED929;
    background-color:#9DD929;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.02, rgb(123,192,67)),
        color-stop(0.51, rgb(139,198,66)),
        color-stop(0.87, rgb(158,217,41))
        );
    background: -moz-linear-gradient(
        center bottom,
        rgb(123,192,67) 2%,
        rgb(139,198,66) 51%,
        rgb(158,217,41) 87%
        );
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius:5px 5px 0px 0px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
	text-align: center;
}
.noukitable thead th:empty{
    background:transparent;
    border:none;
}
.noukitable tfoot td{
    color: #9CD009;
    font-size:32px;
    text-align:center;
    padding:10px 0px;
    text-shadow:1px 1px 1px #444;
}
.noukitable tfoot th{
    color:#666;
}
.noukitable tbody td{
    padding:10px;
    text-align:center;
    background-color:#DEF3CA;
    border: 2px solid #E7EFE0;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    color:#666;
    text-shadow:1px 1px 1px #fff;
}
.noukitable tbody span.check::before{
    content : url(../images/check0.png)
}
.mailbin {
	table-layout:auto;
}
.mailbin td {
    border-bottom: 1px dotted #000;
    padding: 7px;
}
.3day {
	color:#39F;
}

/*----------------------------

      steppage

----------------------------*/

.steptopbtn ul li {
	float: left;
	list-style-type: none;
}
.steptopbtn {
	position: relative;
}
.centerimg {
	text-align: center;
}
.steplinkbox {
    border: 1px solid #b9b9b9;
    border-radius: 10px;
}
.steplinkbox {
    padding-bottom: 15px;
    padding-left: 50px;
    padding-top: 15px;
	width: 500px;
}
.steplinkbox ul li {
    float: left;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 230px;
	background-image: url("img/li.png");
    background-position: left center;
    background-repeat: no-repeat;
	padding-left: 15px;
}
.mailiconbox1 {
    left: 240px;
    position: absolute;
    top: 178px;
}
.mailiconbox2 {
    left: 762px;
    position: absolute;
    top: 178px;
}
/*----------------------------

      workpage

----------------------------*/

.workimg {
	float: left;
	text-align: center;
}
.arrow_box {
    background: #def9ff none repeat scroll 0 0;
    border-radius: 5px;
    font-size: 12px;
    line-height: 20px;
    padding: 20px;
    position: relative;
}
.arrow_box:after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(222, 249, 255, 0);
	border-right-color: #def9ff;
	border-width: 15px;
	margin-top: -15px;
}
.usericon {
	float: left;
	margin-right: 20px;
}

/*----------------------------

      panelsales

----------------------------*/

#panel_bg {
	background-image: url(img/panel_bg.gif);
}
.moviebox {
    background-image: url("img/panel_moviebg.jpg");
    background-repeat: no-repeat;
    height: 500px;
    width: 950px;
}
#contents .moviebox .movie {
    position: relative;
    top: 143px;
}
.panelform {
    margin: 0 auto;
    text-align: left;
    width: 700px;
}
table.table-design-set-2 {
    border-radius: 0;
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.04), 0 0 0 1px #E8E8E8 inset;
    margin-bottom: 15px;
    overflow: hidden;
    width: 100%;
    border-spacing: 0;
}
table.table-design-set-2 thead {
    background: none repeat scroll 0 0 #298CC3;
    color: #FFFFFF;
}
table.table-design-set-2 thead th {
    font-weight: bold;
    padding: 10px 15px;
    text-align: center;
}
table.table-design-set-2 tbody td {
    border-bottom: 1px solid #E8E8E8;
    padding: 9px 15px;
}
table.table-design-set-2 tbody tr td {
    transition: background-color 0.3s ease 0s;
}
table.table-design-set-2 tbody tr:nth-child(2n+1) td {
    background: none repeat scroll 0 0 #F7F7F7;
}
table.table-design-set-2 tbody tr:hover td {
    background: none repeat scroll 0 0 #EBF6F7;
}
.sealprice {
    margin: 26px;
    text-align: center;
    width: 830px;
}
.sealprice_h {
    border-bottom: 1px solid #298cc3;
    border-left: 7px solid #298cc3;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 15px;
    margin-top: 15px;
    padding: 0.4em 0.8em;
    text-align: left;
}

/*----------------------------

      共通タブ

----------------------------*/

#tab {
  width: 40px;/* 最初に表示されるバナーの幅 */
  height: 100px;/* バナーの高さ */
  background: url(img/otokutab_01.png) no-repeat;/* 画像のURL */
  position: fixed;/* バナーを固定します */
  right: 0;/* 右から0pxの位置に指定 */
  bottom: 100px;/* 下から100pxの位置に指定 */

  /* 以下アニメーションの設定 */
  -webkit-transition: width ease-in-out 0.5s;
  -moz-transition: width ease-in-out 0.5s;
  -ms-transition: width ease-in-out 0.5s;
  -o-transition: width ease-in-out 0.5s;
  transition: width ease-in-out 0.5s;
}
#tab a {
  /* リンクするエリアをバナー全体に広げる設定 */
  display: block;
  width: 100%;
  height: 100%;
}
#tab:hover {
  /* カーソルが乗った時の動きを指定 */
  width: 200px;/* バナーが伸びた時の幅 */
}
#tab2 {
  width: 40px;/* 最初に表示されるバナーの幅 */
  height: 100px;/* バナーの高さ */
  background: url(img/otokutab_02.png) no-repeat;/* 画像のURL */
  position: fixed;/* バナーを固定します */
  right: 0;/* 右から0pxの位置に指定 */
  bottom: 230px;/* 下から100pxの位置に指定 */

  /* 以下アニメーションの設定 */
  -webkit-transition: width ease-in-out 0.5s;
  -moz-transition: width ease-in-out 0.5s;
  -ms-transition: width ease-in-out 0.5s;
  -o-transition: width ease-in-out 0.5s;
  transition: width ease-in-out 0.5s;
}
#tab2 a {
  /* リンクするエリアをバナー全体に広げる設定 */
  display: block;
  width: 100%;
  height: 100%;
}
#tab2:hover {
  /* カーソルが乗った時の動きを指定 */
  width: 200px;/* バナーが伸びた時の幅 */
}

/* For Google RM Tag */
iframe[name="google_conversion_frame"] { position:absolute; }

/*----------------------------

      パンくずリスト

----------------------------*/

.breadcrumb {
    padding-left: 0;
    margin-left: 0;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
}

.breadcrumb li{
  display:inline;/*横に並ぶように*/
  list-style: none;
}

.breadcrumb li:after{/* >を表示*/
  content: '>';
  padding: 0 3px;
  color: #555;
}

.breadcrumb li:last-child:after{
  content: '';
}

.breadcrumb li a {
    text-decoration: none;
    color: #1f7bbe;/*色*/
}

.breadcrumb li a:hover {
    text-decoration: underline;
}

/*----------------------------

      h1

----------------------------*/

.h1title {
    border-bottom: 1px solid #1f7bbe;
    border-left: 10px solid #1f7bbe;
    text-align: left;
    background-color: #fff;
    font-size: 1.7rem;
    color: #000;
    margin: 0px;
    padding: 2px 2px 2px 15px;
}

/*----------------------------

      NPページ

----------------------------*/

.paymentSheet{
	border-left: #CCCCCC 1px solid;
	border-top: #CCCCCC 1px solid;
	line-height: 1.5em;
	margin-bottom:10px;
	border-collapse: collapse;
}
.paymentSheet td{
	text-align: left;
	vertical-align: top;
	padding: 10px;
	border-right: #CCCCCC 1px solid;
	border-bottom: #CCCCCC 1px solid;
}
.paymentSheet th{
	background: #E3F7FF;
	border-bottom: #CCCCCC 1px solid;
	border-right: #CCCCCC 1px solid;
	color: #333;
	font-weight: normal;
	text-align:center;
	vertical-align:middle;
	width:30%;
}
.paymentSheet td{
	text-align: left;
	vertical-align: top;
	padding: 10px;
	border-right: #CCCCCC 1px solid;
	border-bottom: #CCCCCC 1px solid;
	width:70%;
}
#questionArea dt{
	padding-left:10px;
	background-color:#FDE9E9;
	margin-bottom:5px;
}
#questionArea dd{
	padding-left:10px;
	background-color:#E8F3FA;
	margin-bottom:15px;
}
.ic_q,.ic_a {
	padding:8px 10px 8px 30px;
	display:block;
}
.ic_q {
	background:url(/img/payment/icon_q.gif) no-repeat 0 50% #FDE9E9;
}
.ic_a{
	background:url(/img/payment/icon_a.gif) no-repeat 0 50% #E8F3FA;
}

/*----------------------------

      前垂れページ

----------------------------*/

#contents_2 {
	
}