/* 　基本　*/

body{
font-family:"osaka", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
font-size:14px;}

a{
text-decoration:none;
color:#438bc5;}

a:hover{
text-decoration:underline;}

a:hover img{
  filter: alpha(opacity=60);
  -moz-opacity:0.60;
  opacity:0.60;
text-decoration:none;
border:0;}


h1 a:hover img{
  filter: alpha(opacity=100);
  -moz-opacity:1.00;
  opacity:1.00;}

.spinner{
display:none;
margin-top:255px;
color:#999999;
text-align:center;}

#wrapper{
width:900px;
margin:0 auto;}

#head{
zoom:1;
width:900px;
height:95px;
padding-top:15px;
margin-bottom:22px;
border-bottom:1px solid #dddddd;}

#head:after{
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;}

#head h1{
float:left;
margin:0 15px 0 38px;}

.headmenu ul{
padding-top:52px;}

.headmenu ul li{
float:left;}

.headmenu ul li.last{
float:right;
margin-right:40px;}

li.nowpage a img{
  filter: alpha(opacity=60);
  -moz-opacity:0.60;
  opacity:0.60;
text-decoration:none;
border:0;}



#main{
width:820px;
margin:0 auto;
clear:both;}

#main_top{
width:860px;
margin:0 auto;
clear:both;}

#main_menu{
width:680px;
margin:0 auto;
clear:both;}

#foot{
width:900px;
height:80px;
clear:both;
border-top:1px solid #dddddd;}

address{
line-height:80px;
text-align:right;
margin-right:40px;
font-style:normal;
font-size:11px;
color:#666666;}

div.ninja_onebutton{
float:left;}


h2{
font-size:16px;
letter-spacing:1px;
margin:0 0 40px 40px;
padding-left:5px;
border-left:1px solid #dddddd;
clear:both;
text-indent:-9999px;
height:24px;}

h2.mobile{
background:url("https://www.shukr0929.com/common/headmenu_mobile.gif") no-repeat 10px center;}

h2.access{
background:url("https://www.shukr0929.com/common/headmenu_access.gif") no-repeat 10px center;}

h2.blog{
background:url("https://www.shukr0929.com/common/headmenu_blog.gif") no-repeat 10px center;}

h2.concept{
background:url("https://www.shukr0929.com/common/headmenu_concept.gif") no-repeat 10px center;}

h2.menu{
background:url("https://www.shukr0929.com/common/headmenu_menu.gif") no-repeat 10px center;}



/* index */
#main_box{
width:860px;
zoom:1;}

#main_box:after{
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;}

.main_box_left{
width:253px;
overflow:hidden;
margin:0 0 20px 0;
float:left;
vertical-align:bottom;}

.main_box_right{
position:relative; 
width:607px;
overflow:hidden;
margin:0 0 20px 0;
float:right;}

.main_box_left h2{
margin:160px 0 20px 0;
padding:0;
border:0;}

.top_telbox{
width:380px;
float:right;
text-align:center;}

.top_telbox p{
letter-spacing:2px;
margin-bottom:20px;}

.top_telbox a{
color:#000000;
text-decoration:none;}

.top_telbox span{
font-size:21px;}

.rss_box{
zoom:1;}

.rss_box:after{
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;}

.rss_box ul li{
width:65px;
overflow:hidden;
float:left;
margin:0 10px 0 0;}

.rss_box ul li img{
width:65px;}

.fadein { 
position:relative; 
width:607px; 
height:540px;
overflow:hidden;}

.fadein img { 
width:100%; 
height:100%; 
position:absolute;}
/*
.fadein_waku{
position:absolute;
z-index:1000;
width:595px; 
height:528px;
margin:5px 0 0 5px;
border:1px solid #ffffff;}
*/
/* blog 旧バージョン */
.rss_leftstyle{
width:380px;height:170px;float:left;margin:0 0 40px 20px;}

.rss_rightstyle{
width:380px;height:170px;float:right;margin:0 0 40px 0;}

.rss_leftstyle dt,
.rss_rightstyle dt{
width:150px;
float:left;}

.rss_leftstyle dd,
.rss_rightstyle dd{
padding:0 0 0 150px;
margin:0 0 20px 0;}

.rss_leftstyle dd div.date,
.rss_rightstyle dd div.date{
font-size:11px;
color:#666666;
letter-spacing:0px;
margin:5px 0 5px 0 ;}

.rss_leftstyle dd.last,
.rss_rightstyle dd.last{
font-size:12px;
line-height:1.7;
margin:0;}



/* blog 新バージョン */

.rss_earch_box{
padding-bottom:40px;
border-bottom:15px solid #f1f1f1;
margin-bottom:10px;}

.rss_earch_box .rss_image{
display:block;
width:480px;
margin:0 auto;}

.rss_image img{
width:100%;}

.rss_earch_box p.description{
line-height:25px;}

.rss_earch_box p.date{
font-size:11px;
color:#666666;
letter-spacing:0px;
margin-bottom:8px;}

.rss_earch_box p.date span{
display:inline-block;
background:#4a857a;
color:#ffffff;
padding:2px 6px;
margin-right:5px;}

.rss_earch_box p.title{
font-size:16px;
margin-bottom:15px;}
/*
.rss_earch_box p.description{
    width: 120px;
    border-bottom: 500px solid #f1f1f1;
    border-left: 20px solid transparent;
    border-right: -100px solid transparent;
    height: 0;}
*/

.pagetop{
color:#438bc5;
cursor:pointer;
text-decoration:underline;
text-align:right;
margin-bottom:50px;}


/* concept */
.concept_coment{
width:410px;
margin:15px 0 40px 0;
float:left;
text-align:center;
font-size:12px;
line-height:35px;}

.concept_image{
width:240px;
height:320px;
margin:100px 0 0 85px;
float:left;}

.concept_image span{
display:block;
text-align:right;
margin:10px;
font-size:12px;}


/* access */

/*追加2017/10/22*/
.access_box{
width:420px;
margin:60px auto 40px auto;
text-align:center;
font-size:14px;
line-height:26px;
letter-spacing:2px;}

.access_box span.contact_tel{
font-size:21px;}
/*追加ここまで*/

.contact_coment{
width:420px;
margin:60px 0 40px 0;
float:left;
text-align:center;
font-size:14px;
line-height:26px;
letter-spacing:2px;}

.contact_coment span.contact_tel{
font-size:21px;}

.contact_image{
width:400px;
height:480px;
margin:0 0 40px 0;
font-size:14px;
letter-spacing:2px;
float:left;}

/* menu */
.menu_left{
width:340px;
float:left;}

.menu_right{
width:310px;
float:right;}

.menu_left h3,
.menu_right h3{
font-size:16px;
margin:0 0 20px 0;}

.menu_left h3 span,
.menu_right h3 span{
font-size:12px;}

.menu_green h3,
.menu_green p{
color:#078739;}

.menu_purple h3,
.menu_purple p{
color:#8350a9;}

.menu_pink h3,
.menu_pink p{
color:#f770b2;}

.menu_blue h3,
.menu_blue p{
color:#3fabc9;}

.menu_left p,
.menu_right p{
font-size:12px;
margin:0 0 20px 5px;}

.menu_right table,
.menu_left table{
width:310px;
margin:0 0 25px 0;}

.menu_right table th,
.menu_left table th{
text-align:left;
padding:12px 0 0 5px;}

.menu_right table td,
.menu_left table td{
text-align:right;
padding:12px 5px 0 0;}

.menu_right table th span,
.menu_left table th span{
display:block;
font-size:11px;
padding-left:40px;}


.menu_pink,
.menu_green,
.menu_purple,
.menu_blue{
margin-bottom:60px;}

.menu_pink table{
background:url("/common/border_pink.gif") center top no-repeat;}

.menu_green table{
background:url("/common/border_green.gif") center top no-repeat;}

.menu_purple table{
background:url("/common/border_purple.gif") center top no-repeat;}

.menu_blue table{
background:url("/common/border_blue.gif") center top no-repeat;}

.menu_pink tr.add_border{
background:url("/common/border_pink.gif") center bottom no-repeat;}

.menu_green tr.add_border{
background:url("/common/border_green.gif") center bottom no-repeat;}

.menu_purple tr.add_border{
background:url("/common/border_purple.gif") center bottom no-repeat;}

.menu_blue tr.add_border{
background:url("/common/border_blue.gif") center bottom no-repeat;}

.menu_pink tr.add_border th,
.menu_pink tr.add_border td,
.menu_green tr.add_border th,
.menu_green tr.add_border td,
.menu_purple tr.add_border th,
.menu_purple tr.add_border td,
.menu_blue tr.add_border th,
.menu_blue tr.add_border td{
padding-bottom:12px;}