@charset "utf-8";
/*
機　　能　　名：共通CSS
作　　成　　日：2012/07/15
作　　成　　者：52WEB WORKS. 上田
更　　新　　日：

/* ***************************************
	
**************************************** */

html {
height:100%;
text-align:center;
background:#66CCFF url(../images/common/html_bg.gif);
background:#66CCFF url(../images/common/html_bg.jpg);
}


body {
background:url(../images/common/body_bg.jpg) top repeat-x;
height:100%;
font-size:0.8em;
font-family: Arial,Helvetica,"メイリオ","HiraKakuPro-W3","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Osaka";
line-height:1;
color:#333333;
position:relative;
}

.section,
.nav {
display:block;
}


a { color:#0099CC; outline:none; text-decoration:underline; }
a:hover { text-decoration:none; }
.img { line-height:1;}
.img img { vertical-align:text-bottom;}
a.blank { background:url(../images/common/a_blank_icon_bg.gif) right 3px no-repeat; padding:0 16px 0 0;}


div#smph_change {
margin:0px auto;
padding:20px;
background:#FFF;
}



div#page_top {
height:auto;
min-height:100%;
width:100%;
margin:0 auto;
position:relative;
text-align:center;
background:url(../images/common/page_top_bg.gif) center repeat-y;
}



div#wrapper {
min-width:1024px;
background:url(../images/common/wrapper_bg.jpg) center top no-repeat;
margin:0 auto;
line-height:1.8;
height:auto;
}
div#wrapperInner {
background:url(../images/common/wrapperInner_bg.png) -13px 30px no-repeat;
}



/* header */
#header {
display:block;
width:100%;
height:175px;
background:url(../images/common/header_bg2.png) 0 124px repeat-x;
position:relative;
}
div#headerInner {
height:175px;
position:relative;
}

#header h1 {
text-align:right;
font-weight:normal;
font-size:10px;
color:#666;
line-height:26px;
}

#header div.logo {
width:284px;/* total **px */
height:60px;
padding-left:30px;
}
#header div.logo a {
display:block;
float:left;
padding-top:6px;
}
#header div.logo a img {
vertical-align:text-bottom;
}
#header div.logo div.home {
width:63px;
height:60px;
background:url(../images/common/home_bg.png) no-repeat;
float:right;
}


#header div#header_telNum {
width:150px;
height:60px;
position:absolute;
top:36px;
right:0px;
}



#h_nav {
width:329px;
height:20px;
position:absolute;
top:33px;
right:170px;
}
#h_nav ul li {
float:right;
}
#h_nav ul li.inquiry {
position:absolute;
top:25px;
right:0px;
display:none;
}




#g_nav {
width:980px;
height:51px;
position:absolute;
bottom:0px;
left:0px;
}
#g_nav ul {
display:block;
width:980px;
height:46px;
xbackground:url(../images/common/g-nav_bg2.jpg) 0 0 no-repeat;
background:url(../images/common/g-nav_bg2_nl.jpg) 0 0 no-repeat;
}
#g_nav ul li {
float:left;
position:relative;
}
#g_nav ul li a.current img,
#g_nav ul li a.parentsLink img {
opacity: 0.1;
filter: alpha(opacity=10);
}
#g_nav ul li ul {
background:none;
width:147px;
height:35px;
position:absolute;
top:46px;
left:-50px;
z-index:6;
display:none;
}
#g_nav ul li ul li {
display:block;
width:200px;
line-height:1;
text-align:left;
padding:0px;
text-indent:10px;
float:none;
z-index:6;
margin-bottom:1px;
}

#g_nav ul li ul li a {
display:block;
background-color:#FFFFFF;
background-color:#222;
padding:10px;
z-index:6;
text-decoration:none;
color:#39260C;
color:#FFF;
opacity:0.8;
filter:alpha(opacity=80);
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
#g_nav ul li ul li a:hover {
opacity:0.7;
filter:alpha(opacity=70);
}


/* Inner */
div#headerInner,
div#containerInner,
div#footerInner,
div#top_footerInner {
width:980px;
margin:0 auto;
}




/* container */
div#container {
}

div#containerInner {
background:#fff;
padding-bottom:500px;
}
#second div#containerInner {
background:#fff url(../images/common/second_containerInner_bg.jpg) repeat-y;
}





/* breadList */
#breadList {
display:block;
height:30px;
width:100%;
background:#fff;
font-size:11px;
}
#breadList ul li {
float:right;
line-height:25px;
padding:0 8px 0 0;
}
#breadList ul li.home {
background:url(../images/common/breadList_home_icon.gif) 0 5px no-repeat;
padding:0 8px 0 18px;
}
#breadList ul li a {
color:#333;
margin-right:8px;
}







/* contents */
div.contents {
}


div.contents .txt_img {
}



#second div.contents {
width:690px;/* total 710px */
padding:0 20px 100px 0;
float:right;
text-align:left;
}
#second div.contents .section {
margin-bottom:60px;
}


/* H */
#second div.contents h2 {
margin-bottom:20px;
}
#second div.contents h2.h2_img {
line-height:1;
}
#second div.contents h2.h2_img img {
vertical-align:text-bottom;
}

#second div.contents .logo_txt {
font-size:20px;
padding-left:50px;
position:relative;
}
#second div.contents .logo_txt img {
width:40px;
position:absolute;
top:2px;
left:0;
}
#second div.contents .logo_txt div {
padding-bottom:3px;
background:url(../images/common/logo_txt_bg.gif) 0 bottom repeat-x;
}

#second div.contents h3 {
margin:46px 0 1em;
}
#second div.contents h3.h3_txt {
font-size:1.2em;
color:#39260C;
line-height:1;
}
#second div.contents h3.h3_img {
line-height:1;
}
#second div.contents h3.h3_img img {
vertical-align:text-bottom;
}


#second div.contents h4 {
margin:20px 0 1em;
}
#second div.contents .h4_txt {
background:url(../images/common/h4_txt_icon_bg.gif) 0 0 no-repeat;
padding:0 0 0 16px;
line-height:10px;
}


/* P */
#second div.contents p {
margin:1em 0;
}


/* ul */
#second div.contents ul {
margin:1em 0;
}


/* table */
#second div.contents table.table_01 {
width:100%;
background:url(../images/common/table_01_bg.jpg) 0 0 repeat-y;
margin:20px 0 50px;
}
#second div.contents table.table_01 th {
background:url(../images/common/table_01_th_td_bg.gif) 0 bottom no-repeat;
width:180px;/* total 220px */
padding:14px 20px 17px;
}
#second div.contents table.table_01 td {
background:url(../images/common/table_01_th_td_bg.gif) 0 bottom no-repeat;
padding:14px 20px 17px;
}
#second div.contents table.table_01 td img {
vertical-align:text-bottom;
}

#second div.contents table.table_01 tr.lastChild th {
background:none;
margin-bottom:14px;
}
#second div.contents table.table_01 tr.lastChild td {
background:none;
margin-bottom:14px;
}

#second div.contents table.table_01 td ul {
margin:0;
}


/* shop_name */
.shop_name {
font-weight:bold;
font-size:1.2em;
font-family:"Arial Black", Gadget, sans-serif;
}
.shop_name span {
/*color:#00AD87;*/
}



/* faq_contents */
/* faq_title */
#faq_contents div.faq_title {
background:url(../images/common/ring_bg.jpg) 0 0 repeat;
}
/* h3_txt */
#faq_contents h3.h3_txt {
background:url(../images/blog/h2_blog_bg.gif) 0 bottom repeat-x;
color:#39260C;
position:relative;
xpadding:20px 155px 20px 24px;
padding:5px 0;
margin-top:30px;
}
#faq_contents h3.h3_txt div {
font-size:1.2em;
xbackground:url(../images/blog/h2_blog_icon.gif) 0 0 no-repeat;
background:url(../images/blog/h2_blog_icon_nl.gif) 0 0 no-repeat;
padding:5px 0 5px 34px;
}
#faq_contents h3.h3_txt img {
position:absolute;
top:-14px;
right:0;
}

/* faq_box */
#faq_contents #faq_contents_box {
background:url(../images/faq/dot_bg.gif) 0 bottom repeat-x;
padding-bottom:40px;
margin-bottom:60px;
}
/* faq_list */
#faq_contents ul.faq_list ul {
margin:0;
}
#faq_contents ul.faq_list li {
margin-bottom:40px;
}
#faq_contents ul.faq_list li.lastChild {
margin-bottom:0;
}
#faq_contents ul.faq_list dt,
#faq_contents ul.faq_list dd {
position:relative;
padding:0px 0 12px 40px;
}
#faq_contents ul.faq_list dt img,
#faq_contents ul.faq_list dd img {
position:absolute;
top:4px;
left:5px;
}
#faq_contents ul.faq_list dt {
background:url(../images/faq/faq_dt_bg.gif) 0 0 repeat;
padding:10px;
margin-bottom:12px;
font-size:14px;
font-weight:bold;
}
#faq_contents ul.faq_list dt div {
background:#FFF;
border:1px solid #CCCCCC;
padding:12px 0 12px 40px;
}



/* content_inquiry_box */
#content_inquiry_box {
height:248px;
background:url(../images/common/content_inquiry_bg.jpg) 0 bottom no-repeat;
line-height:1;
position:relative;
margin-top:100px;
}
#second div.contents #content_inquiry_box h3 {
margin:0;
}

#content_inquiry_box img {
vertical-align:text-bottom;
}

#second div.contents p.txt_img {
padding:22px 0 0 19px;
margin:0;
}

div.inquiry_btn {
width:262px;
height:92px;
position:absolute;
top:120px;
right:20px;
}

/* ring_box */
div.ring_box {
margin-top:70px;
background:url(../images/common/ring_bg.jpg) 0 0 repeat-y;
}
div.ring_box_in {
background:url(../images/common/ring_top.png) 0 top no-repeat;
}
div.ring_box_in2 {
background:url(../images/common/ring_btm.png) 0 bottom no-repeat;
padding:25px 0px 17px 15px;
}
#second div.contents div.ring_box h3 {
margin-top:0;
}
div.ring_box span {
font-size:14px;
font-weight:bold;
color:#FF3300;
}





/* side */
#side {
width:247px;
float:left;
text-align:left;
padding-bottom:200px;
}
#side .section {
margin-bottom:20px;
}

#side .btm_border {
background:url(../images/common/side/side_btm_border.gif) bottom no-repeat;
padding-bottom:14px;
}



#side h3.h3_img {
line-height:1;
position:relative;
margin-bottom:8px;
}
#side h3.h3_img img {
vertical-align:text-bottom;
position:relative;
z-index:2;
}

#side h3 img.side_h3_leaf {
position:absolute;
top:-20px;
left:-17px;
z-index:10;
}

#side div.s_img {
width:240px;
text-align:center;
line-height:1;
margin-bottom:8px;
}
#side div.s_img img {
margin:0 auto;
vertical-align:text-bottom;
}

#side p,
#side address {
padding:0 14px 0 10px;
margin:1em 0;
font-style:normal;
line-height:1.5;
}

#side div.s_btn {
padding:0 10px;
width:220px;
margin:14px 0;
}
#side #s_sub div.s_btn {
height:90px
}

#side .s_btn_txt a {
display:block;
width:219px;/* total 220px */
height:29px;/* total 30px */
line-height:29px !important;
color:#FFFFFF;
font-size:13px;
font-weight:bold;
text-decoration:none;
background:url(../images/common/s_btn_txt_bg.jpg) 0 0 repeat-y;
border-top:1px solid #39260C;
border-left:1px solid #39260C;
border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
}
#side .s_btn_txt a div {
padding-left:40px;
background:url(../images/common/icon_yazirusi.png) 5px center no-repeat;
}


#side div.s_btn a  {
display:block;
width:220px;
/*height:30px;*/
line-height:1;
}
#side div.s_btn a img {
vertical-align:text-bottom;
}

/* s_campaign */
#side #s_campaign .s_campaign_in {
  background:url(../images/common/side/side_campaign_img-2.png) center 0 no-repeat;
  padding-top:110px;
}
#side #s_campaign .s_price {
  color:#39260C;
  font-size:14px;
  font-weight:bold;
  line-height:1.2;
	margin-bottom:0.5em;
}
#side #s_campaign .s_price .red {
  color:#FF0000;
  font-size:40px;
}
#side #s_campaign .s_price .italic {
  font-style:italic;
  font-size:50px;
}
#side #s_campaign .s_price .att {
  position:relative;
  top:-25px;
  left:-10px;
}
#side #s_campaign ul li {
font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
text-indent:-1.5em;
padding:0 2em 0 2.5em;
line-height:1.5;
}


/* s_shop */
#side #s_shop address {
}



/* s_photolibrary */
#s_photolibrary {
background:url(../images/common/side/side_btm_border.gif) bottom no-repeat;
padding-bottom:14px;
}
#s_photolibrary div#s_photolibrary_inner {
position:relative;
width:240px;
height:219px;
overflow:hidden;
margin-top:-15px;
}
#s_photolibrary ul li {
width:226px;
height:170px;
overflow:hidden;
position:absolute;
z-index:0;
}
#s_photolibrary ul li.firstChild {
top:25px;
left:-106px;
}
#s_photolibrary ul li.firstChild img {
position:relative;
left:50px;
/*top:9px;
transform: rotate(-5deg);*/
}
#s_photolibrary ul li.lastChild {
top:20px;
left:120px;
}
#s_photolibrary ul li.lastChild img {
position:relative;
left:-40px;
/*xtop:9px;
transform: rotate(-5deg);*/
}
#s_photolibrary img#pl_mask_top {
position:absolute;
top:0px;
left:0px;
}
#s_photolibrary img#pl_mask_btm {
position:absolute;
bottom:0px;
left:0px;
}

#s_photolibrary img#pl_mask_center {
position:absolute;
top:32px;
left:109px;
xdisplay:none;
}

/* sns_btns */
ul#sns_btns {
margin:0 auto;
display:block;
text-align:center;
width:160px;
}
ul#sns_btns li {
margin-right:25px;
float:left;
display:block;
height:72px;
overflow:hidden;
position:relative;
width:60px;
}
ul#sns_btns li.even {
margin:0;
}
ul#sns_btns li.lastChild {
margin-right:0px;
}
ul#sns_btns li img {
position:absolute;
top:6px;
left:0px;
}

/* フッター */
#footer {
position:absolute;
bottom:0px;
left:0;
background:#378DAE;
min-width:1024px;
width:100%;
padding:0 0 90px;
z-index:1;
}

div#top_footer {
background:#39250B;
margin-bottom:30px;
height:100px;
position:relative;
z-index:1;
color:#C4BEB6;
}
div#top_footerInner {
height:100px;
}

div#top_footer #f_nav ul {
padding:10px 0 0;
}
div#top_footer #f_nav li {
float:left;
}



div#footerInner div.pagetopBtn {
display:block;
width:140px;
height:34px;
position:absolute;
top:-164px;
right:70px;
z-index:0;
}




div#footerInner {
position:relative;
}

#footer div.fb-like-box {
background:#fff;
line-height:1;
float:left;
}

div#logo_box {
width:216px;/* total 356px */
padding:40px 70px;
float:right;
}
div#logo_box ul li {
margin-top:14px;
}



div#bottom_footer {
width:100%;
height:44px;/* total 60px */
background:#081D26;
position:fixed;
bottom:0px;
padding:10px 0 6px;
color:#ccc;
font-size:10px;
text-align:left;
z-index:11;
}
div#bottom_footerInner {
width:980px;
height:44px;
margin:0 auto;
position:relative;
}
div#bottom_footer p {
float:left;
}

div#bottom_footer ul#tw_fb_btns {
width:300px;
margin:0 0 0 auto;
}

div#bottom_footer ul#tw_fb_btns li {
float:right;
}

div#bottom_footer div#copyright {
width:235px;
height:13px;
position:absolute;
left:0px;
bottom:0px;
}

div#bottom_footer div#dsignBy {
width:118px;
height:5px;
position:absolute;
right:0px;
bottom:11px;
}
div#bottom_footer div#dsignBy a {
display:block;
width:118px;
height:5px;
}


/* frame_inquiry */
div#frame_inquiry {
width:166px;/* total 198px */
height:117px;
background:url(../images/common/frame_inquiry_bg.png) 0 0 no-repeat;
position:absolute;
position:fixed;
top:6px;
right:0px;
padding:20px 15px 0 17px;
}


div#frame_pagetopBtn {
width:28px;
height:117px;
position:fixed;
bottom:80px;
right:26px;
z-index:0;
}


/* mt */
/* page_before_next */
div.page_before_next {
text-align:center;
margin:20px auto;
}
div.page_before_next span.current_page {
padding:5px 10px;
border:1px solid #CCC;
background:#EFEFEF;
}
div.page_before_next span a {
padding:5px 10px;
border:1px solid #CCC;
}


/* 20150113　追記 */
/* side_trial24h */
#side_trial24h {
display:block;
padding: 0 9px;
width:222px;
/*height:217px;*/
}
/* content_inquiry_box2 */
#content_inquiry_box2 {
height:280px;
background:url(../images/common/content_inquiry_bg-2.jpg) 0 bottom no-repeat;
line-height:1;
position:relative;
margin-top:100px;
}
/* content_inquiry_box3 */
#content_inquiry_box3 {
height:280px;
background:url(../images/common/content_inquiry_bg-3.jpg) 0 bottom no-repeat;
line-height:1;
position:relative;
margin-top:100px;
}
#second div.contents #content_inquiry_box2 h3,
#second div.contents #content_inquiry_box3 h3 {
margin:0;
}

#content_inquiry_box2 img,
#content_inquiry_box3 img {
vertical-align:text-bottom;
}
#content_inquiry_box2 div.trial24_btn {
width:368px;
height:92px;
position:absolute;
top:166px;
left:20px;
}
#content_inquiry_box2 div.inquiry_btn2 {
width:262px;
height:92px;
position:absolute;
top:166px;
left:408px;
}
#content_inquiry_box3 div.content_licensecourse_btn {
width:278px;
height:92px;
position:absolute;
top:166px;
left:20px;
}
#content_inquiry_box3 div.content_licensebriefing_btn {
width:166px;
height:92px;
position:absolute;
top:166px;
left:318px;
}
#content_inquiry_box3 div.inquiry_btn3 {
width:166px;
height:92px;
position:absolute;
top:166px;
left:504px;
}
#content_inquiry_box2 .txt_img2,
#content_inquiry_box3 .txt_img2 {
margin:0;
position:absolute;
left:31px;
top:102px;
}
/* frame_inquiry2 */
div#frame_inquiry2 {
width:166px;/* total 198px */
height:310px;
background:url(../images/common/frame_inquiry2_bg.png) 0 0 no-repeat;
position:absolute;
position:fixed;
top:6px;
right:0px;
padding:20px 15px 0 17px;
}
div#frame_inquiry3 {
width:166px;/* total 198px */
height:330px;
background:url(../images/common/frame_inquiry3_bg.png) 0 0 no-repeat;
position:absolute;
position:fixed;
top:6px;
right:0px;
padding:20px 15px 0 17px;
z-index:100;
}
div#frame_inquiry2 a,
div#frame_inquiry3 a {
display:block;
width:166px;
position:absolute;
}
div#frame_inquiry2 a#frame_inquiry2_btn {
top:20px;
left:17px;
}
div#frame_inquiry2 a#frame_inquiry2_btn_trial21 {
top:128px;
left:17px;
}
div#frame_inquiry3 a#frame_licensecourse_btn {
top:128px;
left:17px;
}
div#frame_inquiry3 a#frame_licensebriefing_btn {
top:238px;
left:17px;
}


/* licence & sportsdiver  */
/* license_tab */
#second div.contents .license_tab {
margin:0 0 15px 0;
border-bottom:1px solid #000;
}

#license_tab {
width:100%;
margin:10px 0 22px;
}
#license_tab ul {
margin:0 10px;
}
#license_tab li {
width:49%;
margin:0;
float:left;
text-align:center;
font-size:15px;
font-weight:bold;
line-height:1.4;
}
#license_tab li.firstChild {
margin-right:2%;
}
#license_tab li a {
color:#000;
display:block;
text-decoration:none;
background:#ddd;
padding:14px 0 10px;
border-bottom:2px solid #ddd;
}
#license_tab li.on,
#license_tab li a:hover {
color:#fff;
background:#0099CC;
padding:14px 0 10px;
border-bottom:2px solid #006699;
position:relative;
}
#license_tab li.on:after,
#license_tab li a:hover:after {
content:"";
display:block;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #006699;
position:absolute;
left:calc(50% - 6px);
bottom:-8px;
}