@charset "utf-8";
/* CSS Document */

/* _________________________________________________

Reset
_____________________________________________________*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, textarea, p, th, td, em {
  margin: 0;
  padding: 0;
  text-decoration: none;
  font-style: normal;
  line-height: 1.6;
}

body {
  width: 100%;
  min-width: 950px;
  margin: 0 auto !important;
  font-family: ' メイリオ','Meiryo','Hiragino Kaku Gothic Pro',' ヒラギノ角ゴ Pro W3','Osaka','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
/*  font-size: 95%;*/
  color: #232323;
}
@media screen and (max-width: 640px) {
  body {
    min-width: 0px;
  }
}

ul {
  list-style: none;
  margin-bottom: 1.2em;
}

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

form label {
  cursor: pointer;
}

.tb_serviceSearch .submit {
  cursor: hand;
}

/* IE */
.tb_serviceSearch .submit {
  cursor: pointer;
}

/* image */
.v-center {
  display: table-cell;
  vertical-align: middle;
}

/*for IE6 */
* html .v-center {
  float: left;
}

/*for IE7 */
*:first-child + html .v-center {
  float: left;
}

p {
/*  font-size: 90%;
  line-height: 1.8\9;*/
  font-size: 14px;
  line-height: 1.3em;
  _font-size: 75%;
  _line-height: 1.6;
}

.tax {
  text-align: right;
  padding-right: 10px;
}
.error{
	border: 2px solid #c00;
	color: #c00;
	padding: 15px;
	font-weight: bold;
	margin: 50px 0;
}
/*
 行揃え
-------------------------------------------------------------------------*/
.taLeft {
  text-align: left !important;
}

.taCenter {
  text-align: center !important;
}

.taRight {
  text-align: right !important;
}
.mb0{margin-bottom: 0!important;}
.mb10{margin-bottom: 10px!important;}
.mb40{margin-bottom: 40px!important;}
.mt50{font-size: 12px; line-height: 1.75em; margin-top: 50px!important;}
a {
	color: #314da5;
	text-decoration: none;
}
a:visited{
	color: #314da5;
	text-decoration: none;
}
a:hover{
	color: #0074bd;
	text-decoration: underline;
}
a:active{
	color: #0074bd;
	text-decoration: underline;
}
/*
a.link{
	background-image: url(../images/icon_01.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 20px;
}
*/
a.btnWhite{
	text-decoration: none;
	color: #222;
	text-align: center;
	width: 100%;
	max-width: 200px;
	display: inline-block;
	padding: 5px 0;
	border: 1px solid #c3c3c3;
	background-size: 100%;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfbfb), color-stop(100%, #ebebeb));
	background-image: -moz-linear-gradient(top, #fbfbfb, #ebebeb);
	background-image: -webkit-linear-gradient(top, #fbfbfb, #ebebeb);
	background-image: linear-gradient(to bottom, #fbfbfb, #ebebeb);
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFBFBFB', endColorstr='#FFEBEBEB');
	line-height: 1.4em;
	font-size: 90%;
}
a.btnWhite:hover{
	background: #e5e5e5;
	background-size: 100%;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #e5e5e5));
	background-image: -moz-linear-gradient(top, #f5f5f5, #e5e5e5);
	background-image: -webkit-linear-gradient(top, #f5f5f5, #e5e5e5);
	background-image: linear-gradient(to bottom, #f5f5f5, #e5e5e5);
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF5F5F5', endColorstr='#FFE5E5E5');
}

a.btnYellow{
	text-decoration: none;
	color: #222;
	display: inline-block;
	background: #fde260;
	background: -moz-linear-gradient(top, #fde260 0%, #fccd0a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fde260), color-stop(100%, #fccd0a));
	background: -webkit-linear-gradient(top, #fde260 0%, #fccd0a 100%);
	background: -o-linear-gradient(top, #fde260 0%, #fccd0a 100%);
	background: -ms-linear-gradient(top, #fde260 0%, #fccd0a 100%);
	background: linear-gradient(to bottom, #fde260 0%, #fccd0a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fde260', endColorstr='#fccd0a', GradientType=0 );
	padding: 5px 15px;
	min-width: 200px;
	border: #FCCD0A 1px solid;
	text-align: center;
	line-height: 1.4em;
}
a.btnYellow:hover{
	opacity: 0.8;
}
a.btnGreen{
	text-decoration: none;
	text-align: center;
	width: 100%;
	max-width: 200px;
	display: inline-block;
	padding: 5px 0;
	color: #fff;
	border: 1px solid #208311;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	background: -webkit-linear-gradient(top, #48BE37,#267B17);
	background: -moz-linear-gradient(top, #48BE37,#267B17);
	background: -o-linear-gradient(top, #48BE37,#267B17);
	background: linear-gradient(to bottom, #48BE37,#267B17);
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#ff48BE37, endColorstr=#ff267B17);
	line-height: 1.4em;
	font-size: 90%;
}
a.btnGreen:hover{
	background: -webkit-linear-gradient(top, #3F8B34, #3F9D31);
	background: -moz-linear-gradient(top, #3F8B34, #3F9D31);
	background: -o-linear-gradient(top, #3F8B34, #3F9D31);
	background: linear-gradient(to bottom, #3F8B34, #3F9D31);
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#ff3F8B34, endColorstr=#ff3F9D31);
}
a.red{
	color: #c00!important;
}

/***************************************
 * Header
 **************************************/
.gHd2010{margin:0 !important; padding:0 !important; background:#fff !important; text-align:left !important; font-size:12px !important; line-height:1.2em !important; font-family:'メイリオ',meiryo,'ＭＳ Ｐゴシック',MS PGothic,Verdana,Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,sans-serif !important; *font-size:small !important; *font:x-small !important; color:#000000 !important}
.gHd2010 div, .gHd2010 h1, .gHd2010 form, .gHd2010 p, .gHd2010 input, .gHd2010 select{margin:0px; padding:0px;}
.gHd2010 input, .gHd2010 select{vertical-align:middle; font-size:12px !important; font-family:'メイリオ',meiryo,'ＭＳ Ｐゴシック',MS PGothic,Verdana,Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,sans-serif !important;}
.gHd2010 img{border:none; vertical-align: top;}
.gHd2010 a{text-decoration:none; font-size:100% !important; color:#0a54a7}
.gHd2010 a:visited{text-decoration:none; color:#0a54a7}
.gHd2010 a:hover{text-decoration:underline; color:#ff0000}
.gHd2010 a:active{color:#ff0000}

.gHd2010 .gHd2010_searchArea{border-bottom:1px #bfbfbf solid; background:#e9e9e9}
.gHd2010 .gHd2010_searchArea .gHd2010_innerBox{overflow:hidden; margin:0 auto; width:950px}
.gHd2010 .gHd2010_pr{float:left; margin-top:6px; padding-left:5px; width:550px; font-size: 13px !important;}
.gHd2010 .gHd2010_pr a{border:1px #dadada solid; background:#fff}
.gHd2010 .gHd2010_search{float:right; position:relative; margin-right:10px; width:380px; height:25px}
.gHd2010 .gHd2010_search form{position:absolute; top:3px; right:0}
.gHd2010 .gHd2010_keyword{float:left; margin-right:2px; width:200px; height:1.4em; border:1px #cccccc solid;}
.gHd2010 .gHd2010_category{float:left; margin-right:2px; width:80px; height:1.7em; border:1px #cccccc solid;}
.gHd2010 .gHd2010_btn{float:left}

.gHd2010 .gHd2010_simpleArea{border-bottom:1px #cecece solid}
.gHd2010 .gHd2010_simpleArea .gHd2010_innerBox{margin:0 auto; width:950px; height:28px; zoom:100%;}
.gHd2010 .gHd2010_simpleArea .gHd2010_innerBox:after{clear:both; display:block; visibility:hidden; height:0; content:".";}
.gHd2010 .gHd2010_simpleArea p{float:left; padding-left:10px}
.gHd2010 .gHd2010_simpleArea .gHd2010_link{float:left; font-size:14px; padding-left:5px /*padding:0px 10px 0 20px;*/}
.gHd2010 .gHd2010_simpleArea .gHd2010_note{float:right; padding-top:7px; font-size:10px !important;}


/*--------------------------------------
	contents
------------------*/
.beauty{
	text-align: center;
	padding: 10px 0;
}
.beauty .inner{
	overflow: hidden;
}
.beauty p{
	text-align: left;
	margin-top: 10px;
}
.beauty h1{
	float: left;
	margin-right: 20px;
	width: 520px;
	font-size: 160%;
	text-align: left;
	padding: 65px 0 0;
}
.beauty .h1_title{
	float: left;
	margin-right: 20px;
	width: 570px;
	font-size: 160%;
	font-weight: bold;
	text-align: left;
	padding: 20px 0 0;
}
.beauty .h1_title p{
	margin-top: 10px;
	font-weight: normal;
	font-size: 14px;
}
.beauty .terms{
	text-align: left;
}
.beauty .terms h1{
	float: none;
	width: auto;
	text-align: center;
	margin-bottom: 50px;
}
.beauty .terms p{
	margin-bottom: 10px;
	font-size: 100%;
}
.beauty .terms ul.number{
	margin-bottom: 0;
	list-style-type: decimal;
	margin-left: 35px;
}
.beauty .terms ul.number2{
	margin-left: 30px;
	margin-bottom: 0;
}
.beauty .terms ul.number li,
.beauty .terms ul.number2 li{
	margin-bottom: 10px;
}
.beauty .terms ul.number2 span{
	margin-left: -28px;
}
.beauty h1 span{
	color: #999;
}
.beauty .images{
	width: 350px;
	float: right;
}

.inner{
	width: 940px;
	margin: 0 auto;
}
h2{
	border-left: 5px solid #414141;
	font-size: 120%;
	padding: 0 10px;
	margin: 40px 0 10px;
}
.contents p{
	padding-left: 20px;
}
p.link{
	font-size: 14px;
	margin-top: 10px;
}
ul.disc{
	list-style: disc;
	line-height: 1.75em;
	font-size: 14px;
	margin-left: 35px;
}
ul.link{
	margin-left: 20px;
}
ul.link li{
	margin-top: 10px;
}
.buttonArea{
	overflow: hidden;
	margin: 20px 0;
	text-align: center;
}
.buttonArea a{
	display: inline-block;
	padding: 20px 15px;
	margin-top: 10px;
	width: 390px;
	text-decoration: none;
	min-width: 200px;
	color: #fff;
}
.buttonArea .sinki a{
	background: #fcdb00;
	color: #222233;
}
.buttonArea .sinki .sinki1 a{
	color: #222233;
	font-size: 18px;
}
.buttonArea .sinki .sinki2 a{
	background: none;
	padding: 0 0 0 25px;
	margin: 20px 0 15px;
	text-align: left;
}
.buttonArea .sinki .sinki2 a:before{
	content:"▶";
	width: 15px;
	height: 15px;
	margin-left: -30px;
	margin-right: 12px;
}
.buttonArea .sinki .sinki2 a span{
	background: none;
	padding: 0;
}
.buttonArea .sinki .sinki2 a:hover{text-decoration:underline;}
.buttonArea .sinki .sinki3 a{
	background: #fcdb00;
	color: #222233;
}
.buttonArea .sinki .sinki3 a:hover{text-decoration:underline;color:#ff0000}
.buttonArea .kizon a{
	background: #fcdb00;
	color: #222233;
}
.buttonArea .sinki .sinki3{
	padding-top: 10px;
}
.buttonArea .kizon .kizon1 a{
	color: #fff;
	font-size: 18px;
}
.buttonArea .kizon .kizon2 a{
	background: none;
	padding: 0 0 0 25px;
	margin: 20px 0 15px;
	text-align: left;
}
.buttonArea .kizon .kizon2 a:before{
	content:"▶";
	width: 15px;
	height: 15px;
	margin-left: -30px;
	margin-right: 12px;
}
.buttonArea .kizon .kizon2 a span{
	background: none;
	padding: 0;
}
.buttonArea .kizon .kizon2 a:hover{text-decoration:underline;color:#ff0000}
.buttonArea .kizon .kizon3 a{
	background: #fcdb00;
	color: #222233;
}
.buttonArea .kizon .kizon3 a:hover{text-decoration:underline;color:#ff0000}
.buttonArea .kizon .kizon3{
	padding-top: 10px;
}
.buttonArea .sinki .sinki3 a,
.buttonArea .kizon .kizon3 a{
	box-shadow:rgba(85, 85, 85, 0.498039) 2px 2px 10px 0px;
	-webkit-box-shadow:rgba(85, 85, 85, 0.498039) 2px 2px 10px 0px;
	-moz-box-shadow:rgba(85, 85, 85, 0.498039) 2px 2px 10px 0px;
}
.buttonArea a span{
	background-image: url(../images/icon_link_02.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 20px;
}
.buttonArea .sinki{
	background: #E7E7E9;
	width: 460px;
	float: left;
	padding: 0 0 12px;
	color: #222233;
}
.buttonArea .kizon{
	background: #F3F3F3;
	width: 460px;
	margin-left: 10px;
	float: left;
	padding: 0 0 30px;
	color: #222233;
/*	min-height: 242px;*/
}
.buttonArea .sinki p.title,
.buttonArea .kizon p.title{
	background: #000;
	padding: 10px;
	text-align: center;
	color: #fff;
}

/*------------
footer
---------------------------------*/
.page .footer {
	width: 950px;
	margin: 0 auto;
	padding:20px 0 10px;
	background-color: #ffffff;
	vertical-align: middle;
}
.box_footerNavi_box {
	width: 100%;
}
.box_breadCrumbs {
	float: left;
	padding: 2px 12px 0;
	height: 31px;
	line-height: 31px;
	font-size: 1.1em;
}
.box_breadCrumbs a {color: #333333;text-decoration: underline;}
.box_breadCrumbs a:hover {color: #a6b7bd;}
.btn_pageTop {
	float: right;
	margin-top: 2px;
	padding: 3px;
	height: 25px;
	font-size: 1.1;
	margin-bottom:10px\9;
}

.gFt2010 {
	margin:0;
	padding:7px 0;
	font:13px/1.231 'メイリオ',meiryo,'ＭＳ Ｐゴシック',MS PGothic,Verdana, Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', Osaka, sans-serif;
	*font-size:small;
	*font:x-small;
	color:#000;
}
.gFt2010 .gFt2010_copyright {
	padding:10px 0 10px 0;
	text-align:center;
}
{ margin: 0; padding: 7px 0; width: 100%; font: 13px/1.231 'メイリオ',meiryo,'ＭＳ Ｐゴシック',MS PGothic,Verdana, Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', Osaka, sans-serif; *font-size: small; *font: x-small; color: #000; }
{ width: 950px; margin: 10px auto; line-height: 1.1; }
.pagePublication a,
.so-netPublication a { padding-right: 10px; border-right: 1px solid #ccc; margin-right: 10px;}
.tafontSmall{font-size: 85%;}
.pagePublication img { vertical-align: middle }
.mark img { vertical-align: middle; margin-left: 8px; margin-bottom: 6px; }
.mark .markText { font-size: 80% }
.mark,
.credit { float: right }
.underLine { margin-bottom: 8px; border-bottom: 1px solid #ccc; }
/* table用 */
#publicationTable { background-color: #fff }
table .pagePublication { padding-bottom: 5px; vertical-align: bottom; } 
table .pagePublication a,
table .markText,
table .so-netPublication a,
table .credit { vertical-align: middle; font-size: 12px; text-align: left; }
table .pagePublication a,
table .so-netPublication a { padding-right: 10px; border-right: 1px solid #ccc; margin-right: 10px; }
table .markText img { margin-left: 8px; margin-bottom: 6px; vertical-align: middle; border:none; }
table .markText { font-size: 10px }
table .markText,
table .credit { text-align: right }

/*
a.link{
	background: url(../images/icon_01.png) no-repeat 0 center;
	padding-left: 15px;
}
*/

.toTop {
	display: none;
	position: fixed;
	z-index: 2000;
	right: 30px;
	bottom: 100px;
	overflow: hidden;
	width: 64px;
	height: 64px;
}

.toTop a {
display: block;
width: 100%;
height: 100%;
}

.toTop a:before {
display: block;
width: 64px;
height: 64px;
content: '';
background: url(../images/icon_footer_04.png);
}

.breadCrumbList {
	box-sizing: border-box;
	line-height: 1.1em;
	min-width: 0;
	margin: 7px 0;
	padding: 5px 0;
	text-align: left;
}

.breadCrumbList > li {
font-size: 0.75em;
display: inline;
margin-left: 10px;
}

.breadCrumbList > li:first-child {
margin-left: 0;
}

.breadCrumbList > li + li:before {
font-size: 108%;
padding-right: 10px;
content: '≫';
}