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


/**************************************************************************/
/*----------------------------- 全体 -----------------------------*/
/**************************************************************************/
*{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-weight: normal;
}

body{
	margin: 0 0 0 0;
	font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 2em;
	font-size:13px;
	color:#2A2A2A;
	overflow-x:auto;
}

ul li{
	list-style: none;
}

h1,h2,h3,input,textarea,select,a{
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

td,th{
	font-weight: normal;
	font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

p {
	font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: normal;
}

img{
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: bottom;
}

#wrapper{
	padding: 0;
	margin: 0;
	background-repeat: repeat-y;
	background-position: center;
}
.alpha a:hover{
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}
/**************************************************************************/
/*----------------------------- header -----------------------------*/
/**************************************************************************/
#header_out{
	height: 111px;
	background: url(../img/common/head_bg.gif) repeat-x top;
}

#header_in{
	width: 960px;
	height: 68px;
	margin: 0 auto 0 auto;
	clear: both;
}

#header_in h1{
	font-size: 12px;
	color: #FFF;
	line-height: 20px;
	height: 20px;
	background: url(../img/common/h1_icon.gif) no-repeat left;
	padding-left: 15px;
	font-weight: bold;
}

.header_logo{
	margin-top: 10px;
	float: left;
	margin-left: 5px;
}
.tell {
	float: right;
	display: inline;
}

/**************************************************************************/
/*----------------------------- gnavi -----------------------------*/
/**************************************************************************/
#gnavi{
	height: 43px;
	
}


/*--通常画像--*/
#m_top a {background-image: url(../img/common/nav1.gif);}
#m_corp a {background-image: url(../img/common/nav2.gif);}
#m_scan a {background-image: url(../img/common/nav3.gif);}
#m_kiso a {background-image: url(../img/common/nav4.gif);}
#m_use a {background-image: url(../img/common/nav5.gif);}

/*--マウスオーバー画像--*/
#m_top a:hover {background-image: url(../img/common/nav1_on.gif);}
#m_corp a:hover {background-image: url(../img/common/nav2_on.gif);}
#m_scan a:hover {background-image: url(../img/common/nav3_on.gif);}
#m_kiso a:hover {background-image: url(../img/common/nav4_on.gif);}
#m_use a:hover {background-image: url(../img/common/nav5_on.gif);}

/*--閲覧中のページ画像--*/
#top #m_top a {background: url(../img/common/nav1_on.gif);}
#corp #m_corp a {background-image: url(../img/common/nav2_on.gif);}
#kiso #m_kiso a {background-image: url(../img/common/nav4_on.gif);}
#use #m_use a {background-image: url(../img/common/nav5_on.gif);}


/**************************************************************************/
/*----------------------------- dropmenu -----------------------------*/
/**************************************************************************/

#dropmenu {
	list-style-type: none;
	width: 960px;
	height: 40px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	padding: 0;
}
#dropmenu li {
	float: left;
  position: relative;
  margin: 0;
  padding: 0;
	z-index: 1;
}
#dropmenu li a {
	width: 192px;
	height: 39px;
	display: block;
}
#dropmenu li ul {
	position: absolute;
	top: 100%;
	left: 0;
	list-style: none;
	margin: 0;
	z-index: 2;
}
#dropmenu li:last-child ul {
  left: -100%;
  width: 100%
}
#dropmenu li ul li{
	overflow: hidden;
	width: 100%;
	height: 0;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
}
/* IE6 */
* html #dropmenu li ul li{
	overflow: hidden;
    height: 39px;
}
#dropmenu li ul li a{
  background: #fff;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 39px;
}
#dropmenu li:hover ul li:first-child{
  border-top: 0;
}
#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}
/**************************************************************************/
/*----------------------------- main -----------------------------*/
/**************************************************************************/
#main_out{
	background-image: url(../img/top/main_bg.gif);
	background-repeat: repeat-x;
}
#main_in {
	width: 980px;
	margin-right: auto;
	margin-left: auto;

	background: url(../img/top/main_image.png) no-repeat center top;
	position: relative;
}
.maintext p {
	font-weight: bold;
	line-height: 1.7em;
	color: #3E3E3E;
	height: 60px;
	width: 540px;
	padding: 100px 0px 0px 215px;
	font-size: 14px;
}
.maintext h2 {
	font-size: 14px;
	font-weight: bold;
	color: #003C02;
}
#anzr_scan {
	height: 148px;
	width: 158px;
	position: absolute;
	left: 36px;
	top: 135px;
}
#anzr_scan li {
	padding-bottom: 1px;
}
#sort_box {
	position: absolute;
	height: 91px;
	width: 440px;
	clear: both;
	left: 283px;
	top: 191px;
}
.sort_cont {
	float: left;
}
.sort_btn {
	height: 85px;
	width: 240px;
	float: right;
	display: inline;
	margin-right: 3px;
}
#Clogobox {
	width: 920px;
	height: auto;
	margin: 0px auto;
	/font-size:0;
}
#Clogobox ul {
	background: url(../img/common/corpbox_m.gif) repeat-y center;
	padding-top: 8px;
	padding-left: 18px;
	list-style: none;
	height: 100%;
}
#Clogobox ul li {
	float: left;
	padding-right: 7px;
	padding-bottom: 8px;
}
#main_s_out {
	height: 119px;
	z-index: 1;
	background: url(../img/common/main_s_bg.gif) repeat-x top;
}
#main_s {
	height: 77px;
	width: 903px;
	margin-right: auto;
	margin-left: auto;
	background: url(../img/common/main_s.png) no-repeat;
	padding-top: 42px;
	padding-left: 77px;
}
#main_s .h2_css {
	font-size: 26px;
	font-weight: bold;
	color: #3a3a3a;
	float: left;
	padding-right: 20px;
	line-height: 26px;
	/line-height: 1.2;
}
#main_s h2 {
	font-size: 26px;
	font-weight: bold;
	color: #3a3a3a;
	float: left;
	padding-right: 20px;
	line-height: 26px;
	/line-height: 1.2;
}
#main_s p {
	height: 25px;
	line-height: 25px;
}
/**************************************************************************/
/*----------------------------- main_subtop -----------------------------*/
/**************************************************************************/

#s_main_out{
	z-index: 1;
	background: url(../img/ebook/main_bg.gif) repeat-x;
	
}
#s_main_in {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	background: url(../img/ebook/main_img.png) no-repeat center top;
	position: relative;
}
#photo #s_main_in {
	background: url(../img/photo/main_img.png) no-repeat;
}
#large #s_main_in {
	background: url(../img/large/main_img.png) no-repeat;
}


.s_maintext {
	font-weight: bold;
	line-height: 1.7em;
	color: #3E3E3E;
	width: 390px;
	padding: 101px 0px 0px 30px;
	font-size: 12px;
	height: 94px;
}
.s_maintext h2 {
	font-size: 13px;
	font-weight: bold;
	height: 25px;
	width: 390px;
	text-align: center;
	line-height: 25px;
	margin-bottom: 10px;
}
#s_sort_box {
	position: absolute;
	height: 131px;
	width: 246px;
	clear: both;
	left: 437px;
	top: 106px;
}



/**************************************************************************/
/*----------------------------- content -----------------------------*/
/**************************************************************************/
#content{
	width: /*980*/960px;
	padding:0 25px;
	margin:0 auto;
	_padding-right:0;
	_padding-left:18px;
	clear: both;
	/*border-right: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;*/
}


/**************************************************************************/
/*----------------------------- pankuzu -----------------------------*/
/**************************************************************************/
#pankuzu{
	height: 30px;
	width: 930px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-left: 10px;
	
}

/**************************************************************************/
/*----------------------------- cont_left -----------------------------*/
/**************************************************************************/
#conte_left {
	width: 640px;
	float: left;
	display: inline;
}
.cont_01 {
	width: 640px;
	margin-bottom: 15px;
	clear: both;
}
.conte_02 {
	width: 319px;
	float: left;
	display: inline;
	margin-right: 16px;
	margin-bottom: 15px;
}
.midashi_01 {
	font-size: 21px;
	padding-left: 28px;
	height: 28px;
	line-height: 18px;
	/line-height: normal;
	font-weight: bold;
	background: url(../img/common/midashi1.gif) no-repeat center;
	margin-bottom: 10px;
	margin-top: 10px;
}
.midashi_02 {
	font-size: 17px;
	padding-left: 25px;
	height: 16px;
	line-height: 16px;
	/line-height: normal;
	font-weight: bold;
	background: url(../img/common/midashi2_icon.gif) no-repeat left center;
	width: auto;
	margin-bottom: 15px;
}
.midashi_03 {
	background: url(../img/menu/midashi_02.png);
	height: 36px;
	width: 570px;
	font-size: 16px;
	font-weight: bold;
	line-height: 36px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-left: 40px;
}
.midashi_04 {
	background: url(../img/kiso/kiso_midashi.png);
	height: 35px;
	width: 570px;
	font-size: 16px;
	font-weight: bold;
	padding-left: 40px;
	line-height: 35px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.midashi_05 {
	font-size: 14px;
	font-weight: bold;
	border-bottom: 2px solid #6fb711;
	display: inline;
}
.midashi_l {
	background: url(../img/form/midashi_l.gif) no-repeat;
	height: 28px;
	font-size: 18px;
	font-weight: bold;
	line-height: 18px;
	/line-height: normal;
	padding-left: 28px;
	margin-bottom: 10px;
}
.conte_mid_01 {
	background: url(../img/common/cont1_m.gif) repeat-y;
	padding-right: 4px;
	padding-left: 4px;
}
.conte_mid_02 {
	background-image: url(../img/common/box_mid_02.gif);
	background-repeat: repeat-y;
	padding: 15px 15px 8px;
	height: auto;
}
.conte_mid_l {
	padding-right: 4px;
	padding-left: 4px;
	background: url(../img/form/cont_m_l.gif) repeat-y;
}


.conte_btm {
	background-image: url(../img/common/box_bottom.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 10px;
}
.conte_btm_02 {
	background-image: url(../img/common/box_bottom_02.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 10px;
}
.conte_btm_l {
	background: url(../img/form/box_bottom_l.png) no-repeat center top;
	height: 10px;
	margin-bottom: 10px;
}
.cTxt01 {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	margin: 0px;
}
.cont1Img {
	background: url(../img/top/conte1_Img.jpg) no-repeat right bottom;
}
.m_cont1Img {
	background: url(../img/merit/img01.jpg) no-repeat right top;
}
.m_cont2Img {
	background: url(../img/merit/img02.jpg) no-repeat right top;
}
.k_cont1Img {
	background: url(../img/kiso/img02.jpg) no-repeat right top;
}
.e_cont1Img {
	background: url(../img/ebook/img01.jpg) no-repeat right center;
}
.e_cont2Img {
	background: url(../img/ebook/icon01.jpg) no-repeat right center;
	width: 580px;
}
.e_cont3Img {
	background: url(../img/ebook/icon02.jpg) no-repeat right center;
	width: 580px;
}
.e_cont4Img {
	background: url(../img/ebook/icon03.jpg) no-repeat right center;
	width: 580px;
}
.p_cont1Img {
	background: url(../img/photo/img01.png) no-repeat right top;
}
.p_cont2Img {
	background: url(../img/photo/img02.png) no-repeat right center;
}
.l_cont1Img {
	background: url(../img/large/img01.gif) no-repeat right center;
}
.l_cont2Img {
	background: url(../img/large/img02.gif) no-repeat right center;
}





.anzrScanBox {
	height: 270px;
	width: 600px;
	margin-left: 10px;
	padding-bottom: 5px;
}
.i_midashi {
	font-size: 14px;
	font-weight: bold;
	background: url(../img/common/sqIcon.gif) no-repeat left center;
	height: 14px;
	padding-left: 18px;
	line-height: 14px;
	/line-height: normal;
}
.anzrScan01 {
	width: 193px;
	height: 265px;
	border-right: 1px solid #cdcdcd;
	float: left;
}
.anzrScan02 {
	width: 192px;
	height: 265px;
	border-right: 1px solid #cdcdcd;
	float: left;
	padding-left:12px;
}
.anzrScan03 {
	width: 180px;
	height: 270px;
	float: left;
	padding-left:12px;
}



#corp_box {
	width: 590px;
	margin-right: auto;
	margin-left: auto;
	background-color: #f3f3f3;
	border: 1px solid #e6e6e6;
	padding-top: 15px;
	padding-bottom: 5px;
	padding-left: 17px;
	margin-bottom: 15px;
	display: block;
}
#corp_box li {
	height: 40px;
	width: 82px;
	margin-right: 16px;
	float: left;
	display: inline;
	margin-bottom: 10px;
}

.conte_btn {
	margin-right: auto;
	margin-left: auto;
	width: 618px;
	height: 38px;
	clear: both;
}
.conte_btn_02 {
	margin-right: auto;
	margin-left: auto;
	width: 280px;
	height: 38px;
}
.conte_text {
	height: 370px;
	width: 275px;
	background-image: url(../img/top/conte_img_01.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	line-height: 18px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}
.conte_text_02 {
	height: 370px;
	width: 275px;
	background-image: url(../img/top/conte_img_02.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	line-height: 18px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}
.use_img {
	margin-right: auto;
	margin-left: auto;
	width: 604px;
	margin-bottom: 10px;
}
#sort_bnr {
	background: url(../img/common/bnr_bg.png) no-repeat;
	height: 140px;
	width: 620px;
}
.bnrTxt {
	padding-top: 27px;
	padding-left: 115px;
}
.bnrBtm {
	margin-top: 9px;
	margin-left: 353px;
}

.page_text {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	padding-left: 5px;
}

.corp_midashi {
	background: url(../img/corp/midashi_cName.gif) no-repeat left bottom;
	height: 27px;
	width: 580px;
	padding-left: 25px;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
	line-height: 18px;
	/line-height: normal;
}
.corp_midashi a {
	color: #333;
	text-decoration: none;
	font-weight: bold;
}
.corp_midashi a:hover {
	text-decoration: underline;
}

.clBox {
	width: 600px;
	padding-top: 15px;
	padding-left: 15px;
	height: auto;
}

.corp_left {
	float: left;
	padding-right: 20px;
}
.corp_logo {
	width: 100px;
	background: url(../img/corp/clogo_waku.gif) no-repeat;
	padding: 5px;
	height: 101px;
}
.corp_logo_l {
	display: inline;
	width: 160px;
	height: 160px;
}

.corp_shosai {
	width: 105px;
	margin-top: 10px;
}
.corp_right {
	float: left;
	width: 460px;
}
.corp_info li {
	background: url(../img/corp/midashi_icon_cl.gif) no-repeat left top;
	padding-left: 20px;
	padding-bottom: 15px;
}
.corp_info li .mds_info {
	line-height: 13px;
	font-weight: bold;
	margin-bottom: 5px;
}


.kugiri {
	height: 15px;
	width: 604px;
	background: url(../img/corp/kugiri.png) no-repeat;
	clear: both;
	margin-left: 5px;
}
.kugiri02 {
	height: 33px;
	width: 592px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
.plant {
	width: 105px;
	margin: 10px;
	float: left;
	display: inline;
}


.merit_text01 {
	background: url(../img/merit/merit_img_01.png) no-repeat right top;
	width: 610px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
}
.merit_text02 {
	background: url(../img/merit/merit_img_02.png) no-repeat right top;
	width: 610px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 30px;
}
.merit_text03 {
	background: url(../img/merit/merit_img_03.png) no-repeat right top;
	width: 610px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
}
.merit_text04 {
	width: 600px;
	margin-bottom: 20px;
	margin-left: 45px;
}
.kiso_text01 {
	height: 355px;
	width: 610px;
	background: url(../img/kiso/text_bg.png) no-repeat right;
	line-height: 1.4em;
	padding-top: 5px;
	padding-left: 10px;
}
.step_img {
	float: left;
	display: inline;
}
.right_text {
	width: 410px;
	float: right;
	display: inline;
	margin-top: 5px;
	margin-bottom: 15px;
}

.use_text {
	font-size: 12px;
	margin-top: 5px;
	padding-right: 10px;
}
.contact {
	background: url(../img/menu/contact_img.png) no-repeat right bottom;
	width: 620px;
	height: 260px;
}
.contact_text {
	margin-left: 10px;
}
.contact_btn {
	margin-left: 60px;
	margin-top: 10px;
}
.call_img {
	margin-right: auto;
	margin-left: auto;
	width: 540px;
	clear: both;
	padding-top: 30px;
	padding-bottom: 30px;
}
.call_img02 {
	margin-right: auto;
	margin-left: auto;
	width: 540px;
	padding-top: 40px;
}
.call_text {
	padding-top: 20px;
	line-height: 1.3em;
}
.faq {
	width: 580px;
}
.question {
	background-image: url(../img/faq/q_icon.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 16px;
	font-weight: bold;
	padding-left: 45px;
	height: 32px;
	line-height: 35px;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-left: 10px;
}
.anser {
	background-image: url(../img/faq/a_icon.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 45px;
	line-height: 1.6em;
	padding-top: 5px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.sitemap {
	margin-left: 40px;
	margin-bottom: 10px;
}
.sitemap li {
	background: url(../img/common/sqIcon.gif) no-repeat left 7px;
	padding-left: 20px;
}
.second {
	margin-left: 40px;
}
.second li {
	background: url(../img/menu/icon01.gif) no-repeat left center;
	padding-left: 15px;
}
.management {
	width: 550px;
	margin: 20px auto;
	border: 3px double #999999;
	border-collapse:collapse;
}
.management th {
	width: 170px;
	border: 1px solid #999999;
	background-color:#CFEAF6;
}
.management td {
	border: 1px solid #999999;
	line-height: normal;
	padding: 5px 5px 5px 10px;
}
.management ul {
	margin-top: 10px;
	margin-bottom: 10px;
}
.sub {
	margin-left: 40px;
}


.c_cont_text00{	width:705px;text-align:center;}
.c_cont_text01{
	width:580px;
	padding-bottom: 10px;
}
.c_cont_text02{
	width:565px;
	padding-left: 25px;
	padding-bottom: 10px;
}
.c_cont_text03{
	width:600px;
	margin:0 auto;
}
.c_cont_text04{	width:545px;margin:0 auto;}
.c_cont_text05{	width:700px;margin:0 auto;}
.c_cont_text05 h2{	width:800px;margin:0 auto; font-size:12px;}
.c_cont_text06{	width:700px;margin:0 auto;}


/**************************************************************************/
/*----------------------------- cont_right -----------------------------*/
/**************************************************************************/
#conte_right{
	width: 280px;
	float: right;
	display: inline;
	margin-right: 0px;
	padding-right: 0px;
}

#adviser{
	height: 220px;
	width: 280px;
	background: url(../img/side/advsr.jpg) no-repeat;
	
}
.adviser_text {
	position: relative;
	top: 45px;
	left: 130px;
	height: 120px;
	width: 120px;
	padding: 10px;
}
.call_btn {
	height: 36px;
	width: 256px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 172px;
}
.bnr {
	margin-top: 15px;
}
.banner {
	width: 280px;
	height: 85px;
	margin: 15px 0;
	padding: 0px;
}

.c30TxtA{
	float: right;
	margin: 10px 10px 0 0;
	width: 205px;
}


/**************************************************************************/
/*----------------------------- form_style -----------------------------*/
/**************************************************************************/
.form_conte_txt {
    height: auto;
    line-height: 1.3em;
    margin: 0 auto;
    padding: 8px 0 15px;
    width: 700px;
}
.submit_area {
    height: 70px;
    margin: 20px auto 0;
    padding-bottom: 15px;
    text-align: center;
    width: 370px;
}
table.keisai_tbl {
    border: 1px solid #343434;
    height: auto;
    margin: 0 auto 15px;
    width: 700px;
}
table.keisai_tbl th {
    background-color: #DDF4C2;
    background-repeat: repeat;
    border: 1px solid #343434;
    font-size: 13px;
    height: auto;
    padding: 5px 0;
    text-align: center;
    width: 160px;
}
table.keisai_tbl td {
    border: 1px solid #343434;
    font-size: 13px;
    height: auto;
    padding: 15px;
    width: 350px;
}
.yohaku{
	padding: 4px;
	font-size: 16px;
}
.sitei {
	height: 240px;
}
.sitei2 {
	height: 400px;
	margin-right: auto;
	margin-left: auto;
}

/**************************************************************************/
/*----------------------------- ssl -----------------------------*/
/**************************************************************************/
.ssl_l {
    float: left;
	display:inline;
    margin: 10px 0 10px 30px;
}

.ssl_r {
    float: right;
	display:inline;
    margin: 0  0 0 15px;
    width: 450px;
}

/**************************************************************************/
/*----------------------------- span -----------------------------*/
/**************************************************************************/
.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{
	font-size:18px;
	margin-left: 20px;
	margin-bottom: 10px;
	font-weight: bold;
	color: #78B517;
}
.f30{font-size:30px;}

.bold{font-weight:bold;}

.f_red{color:#F00;}
.f_kon{color:#000080;}
.f_blue{color:#0077B7;}
.f_blue2{color:#0000FF;}
.f_emgreen{color:#33CC99;}
.f_green{color:#63AC11;}
.f_braun{color:#6a523b;}
.f_orange{color:#EC7000;}
.f_pink{color:#ff00ff;}

.h100{height:100px;}

.w410{width:410px;}
.w440{width:440px;}
.w580{width:580px;}

.underline{text-decoration:underline;}

.block{display:block;}
.inline{display:inline;}
/*===============================================
	font-size
===============================================*/
.f11{font-size:11px;}
.f12{
	font-size:12px;
}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f20{font-size:20px;}
.f21{font-size:21px;}
.f22{font-size:22px;}
.f23{font-size:23px;}
.f24{font-size:24px;}
.f25{font-size:25px;}
.f30{font-size:30px;}
.f35{font-size:35px;}
/*===============================================
	float
===============================================*/
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}


.left{ text-align:left;}
.center{ text-align:center;}
.right{ text-align:right;}
/*===============================================
	margine
===============================================*/
.m0{margin:0;}

.mb0{margin-bottom:0px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb45{margin-bottom:45px;}

.mt3{margin-top:3px;}
.mt5{margin-top:5px;}
.mt7{margin-top:7px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt140{margin-top:140px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml35{margin-left:35px;}
.ml40{margin-left:40px;}
.ml45{margin-left:45px;}
.ml50{margin-left:50px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mauto{margin-right:auto;margin-left:auto;}
/*===============================================
	padding
===============================================*/
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}
.pb35{padding-bottom:35px;}

.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt56{padding-top:56px;}
.pt140{padding-top:140px;}

.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl40{padding-left:40px;}
.pl80{padding-left:80px;}

.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
/*===============================================
	align
===============================================*/
.tal{text-align:left;}
.tac{text-align:center;}
.tar{text-align:right;}
/*===============================================
	cFix
===============================================*/
/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	display:inline;
	width:0;
	margin-top:-32767px
	}

/*cFix*/
.cFix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
	}

/* IE-mac */
* html .cFix {height:1%}
.cFix {display:block}
.f_zero {font-size:0;}
/* IE-mac */





/*追加コンテンツ　2018/06/28*/

.kategori4{  background:url("../img/kategori_.png") no-repeat;
			 width:700px;
			 height:550px;
			 display:block;
			 margin-top:10px;
			 margin-left: 13px;
}
.k4txt_1{ margin-left:260px;
		padding-top:60px;
		font-size:14px;
}
.k4txt_2{ margin-left:260px;
		padding-top:100px;
		font-size:14px;
}
.k4txt_3{ margin-left:260px;
		padding-top:100px;
		font-size:14px;
}
.k4{ 	margin-left:50px;
		padding-top:55px;
		font-size:14px;
}


/*===================2018.08.08=========================*/




#service{
	width:640px;
	margin:auto;
	margin-bottom:50px;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}


#first_service{
	background-image: url("../img/top/buil2.png");
	background-size:50%;
	background-position: center;
	background-repeat: no-repeat;
	background-color:#1c77a7/*#ff86af*/;
	width:130px;
	height:130px;
	margin:auto;
	text-align:center;
	-webkit-border-radius: 50%;/* 50%でもOK */
    -moz-border-radius: 50%;
    border-radius: 50%;
}

#second_service{
	background-image: url("../img/top/up.png");
	background-size:50%;
	background-position: center;
	background-repeat: no-repeat;
	background-color:#1c77a7/*#6dc8d4*/;
	width:130px;
	height:130px;
	margin-:auto;
	text-align:center;
	-webkit-border-radius: 50%;/* 50%でもOK */
    -moz-border-radius: 50%;
    border-radius: 50%;
}

#third_service{
	background-image: url("../img/top/doll.png");
	background-size:50%;
	background-position: center;
	background-repeat: no-repeat;
	background-color:#1c77a7/*#b06abc*/;
	width:130px;
	height:130px;
	margin:auto;
	text-align:center;
	-webkit-border-radius: 50%;/* 50%でもOK */
    -moz-border-radius: 50%;
    border-radius: 50%;
}

#fourth_service{
	background-image: url("../img/top/time.png");
	background-size:50%;
	background-position: center;
	background-repeat: no-repeat;
	background-color:#1c77a7/*#ffd45a*/;
	width:130px;
	height:130px;
	margin:auto;
	text-align:center;
	-webkit-border-radius: 50%;/* 50%でもOK */
    -moz-border-radius: 50%;
    border-radius: 50%;
}



/*
.menu1{
	height:22px;
	padding:11px 0 0 35px;
	width:625px;
	color:#fff;
	background:url(../img/common/h3_menu.png) no-repeat;
	line-height:1em;
	font-weight:bold;
	font-size:15px;
	text-shadow: 0 1px 0 #3D3D3D;
}

.menu2{
	height:25px;
	padding-left:10px;
	width:600px;
	margin:0 auto;
	background:url(../img/common/h4_icon.png) no-repeat;
	line-height:1em;
	font-weight:bold;
	font-size:15px;
}

.menu3{
	height:21px;
	padding-left:15px;
	width:465px;
	background: url(../img/common/h4_menu.png) no-repeat;
	color:#fff;
	line-height:1.7em;
	font-weight:bold;
	font-size:13px;
	text-shadow: 0 -1px 0px #3D3D3D;
}
*/

.menu4{
	padding-left:25px;
	margin:10px auto ;
	background:url(../img/common/midashi.gif) no-repeat left center;
	line-height:1.2em !important;
	font-weight:bold;
	font-size:23px !important;
	letter-spacing:0.1em;
	border-bottom: 2px solid #1c77a7;
}

.conte7{width:640px; margin:5px auto 10px;}