/*
Theme Name: bn3【田辺改】
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

.sp, li.page-item-81{display:none;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
:focus {outline: 0;}
a:hover img.over{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background:none;
}
body {line-height: 1;}
ol, ul {list-style: none;}
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
vertical-align:top;
}
blockquote:before, 
blockquote:after,
q:before, 
q:after {
content: "";
}

blockquote, q {
quotes: "" "";
}
a img {border: 0;}
article, 
aside, 
details, 
figcaption, 
figure,
footer, 
header, 
hgroup, 
menu, 
nav, 
section {
	display: block;
}

.bold { font-weight:bold;}
div.box {
width: 99.9%;
margin: 0px 0px 50px 0px;
padding: 0px 0px 50px 0px;
clear:both;
float:left;
}

div.box2nd {
width: auto;
margin:0px 0px 20px 0px;
clear: both;
text-align:left;
}
div.boxL { width:460px; float:left;}
div.boxR { width:460px; float:right;}
div.boxL680 { width:680px; float:left;}
div.boxR230 { width:230px; float:right;}
div.boxL500 { width:500px; float:left;}
div.boxL530 { width:530px; float:left;}
div.boxR370 { width:370px; float:right;}
.youtubeL{
width:500px;
float:left;
padding:10px 0 0 0;
}
.youtubeR{
width:420px;
float:right;
padding:130px 0 0 0;
font-size:90%;
}

.ttl{ color:#000; font-weight:bold; border-bottom:1px solid #e7211f; border-left:5px solid #e7211f; padding-left:12px; margin-bottom:20px; font-size:16px;}
.ttlRed{ color:#e7211f; font-weight:bold; border-bottom:1px solid #e7211f; border-left:5px solid #e7211f; padding-left:12px; margin-bottom:20px; font-size:20px;}

.text0{ text-align:left; padding: 20px 0 0px 0;}
.texts{ text-align:left; padding: 0px 0 20px 0;}
.textC{ text-align:center; padding:0px 0 20px 0;}
.textRed{ color:#ff0117;}

ul.contentsMenu{
text-align:left;
margin-bottom:50px;
}
.contentsMenu li{
width:210px;
margin-right:25px;
list-style:none;
display:inline;
text-align:left;
float:left;
}
.contentsMenu li.last{margin-right:0px;}
.contentsMenu li .dl{
width:210px;
text-align:left;
}
.dl dt{
color:#ff0117;
font-size:110%;
font-weight:normal;
}
.dl dd{font-size:90%;}
.btnC{ text-align:center;}

.alignnone,
#content .alignnone,
#content-full .alignnone,
div .alignnone  {
margin: 5px 20px 20px 0;
}

.aligncenter,
#content .aligncenter, 
#content-full .aligncenter,
div.aligncenter {
display:block;
margin: 5px auto 5px auto;
}

.alignright,
#content .alignright,
#content-full .alignright,
div .alignright {
float:right;
margin: 5px 0 20px 20px;
}

.alignleft,
#content .alignleft,
#content-full .alignleft,
div .alignleft {
float:left;
margin: 5px 20px 20px 0;
}

a img.alignright {float:right;margin: 5px 0 20px 20px;}
a img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft {float:left;margin: 5px 20px 20px 0;}
a img.aligncenter {display: block;margin-left: auto;margin-right: auto}

.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; 
padding: 5px 3px 10px;
text-align: center;
}

.wp-caption.alignnone {margin: 5px 20px 20px 0;}
.wp-caption.alignleft {margin: 5px 20px 20px 0;}
.wp-caption.alignright {margin: 5px 0 20px 20px;}

.wp-caption img {
border: 0 none;
height: auto;
margin:0;
max-width: 98.5%;
padding:0;
width: auto;
}

.wp-caption p.wp-caption-text {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}



/* =Structure
----------------------------------------------- */

body {
font-size: 14px;
line-height: 1.6;
word-wrap: break-word;
background:#fff;
color: #333;
min-width: 950px;
font-family:  “メイリオ”, Meiryo, Tahoma, Verdana, Arial, sans-serif;
}
img {max-width: 100%;border: 0 none;}
.fCr{	color:#F00;}
#container {
margin: 0 auto;
width: 950px;
overflow:hidden;
padding: 20px 0;
clear:both;
}
#container h2.h2title{
background-color:#ff0117;
color:#fff;
padding: 10px 0 10px 20px;
font-size: 1.5em;
line-height:1.5;
margin-bottom: 40px;
}
#container h3{
font-size:16px;
line-height:1.5;
color:#333;
background: url("images/common/arrow.gif") no-repeat 0px 2px;
border-bottom:1px solid #fd0018;
padding-left:22px;
font-weight:bold;
padding-top:2px;
padding-bottom:5px;
}
#container h3.none{
background:none;
border-bottom:none;
padding-left:0px;
}
#container h4{
text-align:center;
background-color:#aaa;
color:#fff;
padding: 10px 20px 10px 20px;
font-size: 1.5em;
line-height:1.5;
margin-bottom: 40px;
}

#top-menu-container {
height: 30px;
margin: 0 auto;
padding: 10px 0 0;
width: 950px;
text-align:right;
}

#top-menu-container #osakaKita{ display:inline; margin-right:10px;}
#top-menu-container #searchform{ display:inline;}

#top-menu-container input#s {
background: url("images/search.png") no-repeat scroll right 50% #EEEEEE;
color: #999999;
float: right;
padding: 5px 25px 5px 10px;
width: 150px;
}
#top-menu-container #searchform input[type="submit"] {display: none;}


/* header */
#header {
/*min-height: 40px;
*/
min-width: 950px;
}

img.site-logo, h1.site-title {
display: block;
float: left;
font-weight: bold;
max-width: 350px;
margin-top:-20px;
/*max-height: 40px;*/
/*word-wrap: normal;*/
}

#header-content {
margin: 0 auto;
width: 950px;
}
.site-title-hidden {display: none;}

#gnavi{width:950px; margin:0 auto; font-family:  “メイリオ”, Meiryo, Tahoma, Verdana, Arial, sans-serif; font-weight:bold;}
nav{
float: left;
width: 100%;
margin-bottom:0px;
}
#design-main-menu a {
color:#666;
border-radius: 8px;
display: block;
font-size: 16px;
margin:30px 0 10px;
min-width: 40px;
padding: 5px 15px;
position: relative;
text-align: center;
text-transform: uppercase;
transition: background-color 1s linear 0s;
}

#design-main-menu a:hover {
background: #ff0117;
color: #fff;
transition: background-color 1s linear; 
-moz-transition:  background-color 1s linear;    /* FF3.7+ */  
-o-transition: background-color 1s linear;      /* Opera 10.5 */ 
-webkit-transition: background-color 1s linear; /* Saf3.2+, Chrome */ 
}

#design-main-menu .current-menu-item > a,
#design-main-menu .current-menu-ancestor > a,
#design-main-menu .current_page_item > a,
#design-main-menu .current_page_ancestor > a  {
color: #ff0117;
font-weight:bold;
}

#design-main-menu .current-menu-item > a:hover ,
#design-main-menu .current-menu-ancestor > a:hover ,
#design-main-menu .current_page_item > a:hover ,
#design-main-menu .current_page_ancestor > a:hover {
color: #ff7783;
font-weight:bold;
}

#design-main-menu li ul {
float: left;
position: relative;
margin: 0;
}

#design-main-menu ul ul, 
.sub-menu,
.sub-menu ul ul {
display: none;
left: 0;
position: absolute;
padding: 5px;
z-index: 10000;
background: #ccc;
border: 3px solid #777777;
width: 170px;
}

#design-main-menu ul li ul li {
margin:0;
}
#design-main-menu ul ul ul {
left: 100%;
top: 0;
z-index: 999;
}

#design-main-menu ul ul a  {
padding: 7px 10px;
text-align: left;
text-transform: none;
margin: 0;
border-top:1px solid #EEEEEE;
border-bottom: 1px solid #ccc;
border-radius: 0;
font-size: 15px;
width: 140px;
}

#design-main-menu ul ul a:hover {
padding-left: 20px;
transition: all 1s ease;
-moz-transition:  padding 1s linear;    /* FF3.7+ */  
-o-transition: padding 1s linear;      /* Opera 10.5 */ 
-webkit-transition: padding 1s linear; /* Saf3.2+, Chrome */ 
}

#design-main-menu ul li:hover > ul {
display: block;
margin-top: -5px;
}

#design-main-menu {
float: left;
line-height: 1;
margin:0 auto;
display: block;
}

#design-main-menu .menu {float: left;}

#design-main-menu ul {
list-style: none outside none;
}
#design-main-menu li {
float: left;
position: relative;
margin: 0 3px;
}
.clubTitle{
	text-align:center;
	clear:both;
}

.pagenev {/*background: url("images/sback.png") repeat scroll 0 0 #2E3036;*/}
.conwidth {
color: #EEEEEE;
font-size: 20px;
margin: 0 auto;
padding: 15px 0;
text-transform: uppercase;
width: 950px;	
}

#content {
float:left;
width: 950px;
}

#content-full {
width: 950px;
}

.content-ver-sep {
clear: both;
height: 1px;
}

#right-sidebar {
float: right;
width: 300px;
}

#bread{
width:100%;
clear:both;
margin:0;
padding:0;
background-color:#eeeeee;
font-size:11px;
}
#bread ul#breadcrumb{
width: 950px;
margin: 0px auto 0px auto;
padding: 4px 0px 4px 0px;
text-align:left;
}
#bread #breadcrumb li{
width:auto;
margin:0px;
padding:0px 0px 0px 0px;
text-align:left;
display:inline;
}
#bread #breadcrumb li a{
width: auto;
margin: 0px 5px 0px 0px;
padding: 0px 15px 0px 0px;
background: url(../img/common/arrow3.gif) no-repeat right 5px;
text-align: left;
}

#footer {
width:100%;
clear: both;
font-size: 12px;
background:#f8f8f8 ;
border-bottom:5px solid #ff0117;
}

#footer #fotterMenu{width: 950px;
margin:0 auto;
}
#footer #fotterMenu ul{
text-align:left;
padding-top:50px;
margin-bottom:50px;
margin-left:142px;
}
#footer #fotterMenu li{
width:155px;
margin-right:100px;
list-style:none;
display:inline;
text-align:left;
float:left;
}
#footer #fotterMenu li.last{margin-right:0px;}

#footer-sidebar {
margin: 0 auto;
overflow: hidden;
padding: 20px 0 0;
width: 950px;
}

#creditline {
font-size: 13px;
margin: 0 auto;
padding: 30px 0 10px 0;
text-align: center;
width: 950px;
color:#666;
}

ol, 
ul {
padding: 0 0 10px 10px;
display: block;
margin-bottom: 10px;
}

ul {list-style: square inside none;}
ol {list-style: decimal inside none;}
strong {font-weight: bold;	}
dl {margin: 0 0 24px 0;}
dt {font-weight: bold;}
dd {margin-bottom: 18px;}
strong {font-weight: bold;}
cite, em, i {font-style: italic;}
big {font-size: 131.25%;}
ins {background: #ffc; text-decoration: none;}
blockquote cite, blockquote em, blockquote i {font-style: normal;}
pre {
background:#fff;
border-radius: 5px 5px 5px 5px;
line-height: 18px;
margin-bottom: 18px;
overflow: auto;
padding: 1.5em;
}

abbr, acronym {border-bottom: 1px dotted #666; cursor: help;}

sup,
sub {
height: 0;
line-height: 1;
position: relative;
vertical-align: baseline;
font-size: 70%;
}
sup {bottom: 1ex;}
sub {top: .5ex;}

address {
background: #eee;
border: 2px solid #ddd;
border-radius: 5px 5px 5px 5px;
font-style: italic;
font-weight: bold;
margin-bottom: 15px;
max-width: 250px;
padding: 5px 10px;
text-align: right;
}
embed  {max-width: 100%;	}

.widget {
display: block;
word-wrap: break-word;
}

.widget ul,
.widget ol {
padding: 0;
}

#right-sidebar .widget {
float: right;
margin-bottom: 20px;
padding: 15px;
width: 250px;
box-shadow:0 1px 1px #A8A8A8;
border-radius: 20px 0 20px 0;
}

#right-sidebar .widget h3 {
padding-bottom: 5px;
text-transform: uppercase;
}

#right-sidebar .widget, 
#right-sidebar .widget li, 
#right-sidebar .widget a, 
#right-sidebar .widget a:hover {
text-decoration: none;
} 

#right-sidebar .widget li {
list-style: none outside none;
padding: 5px 0 5px 17px;
background: url("images/listiconf.gif") no-repeat scroll 0 10px transparent;
}

#footer-sidebar .widget {
width:215px;
margin-bottom: 30px;
}

#footer-sidebar #first-footer-widget {
float:left;
}

#footer-sidebar #footer-widgets {
margin-left: 30px;
float:left;
}

#footer-sidebar .widget h3 {
padding-bottom: 5px;
text-transform: uppercase;
}

#footer-sidebar .widget, 
#footer-sidebar .widget li, 
#footer-sidebar .widget a, 
#footer-sidebar .widget a:hover,
#footer-sidebar .widget h3,
#footer-sidebar .widget h1,
#footer-sidebar .widget h2,
#footer-sidebar .widget h4 {
color: #ccc;
text-decoration: none;
} 

#footer-sidebar .widget ul,
#footer-sidebar .widget ol{
border-bottom: 1px dotted #111111;
border-top: 1px dotted #555555;
}

#footer-sidebar .widget li {
background: url("images/listiconf.gif") no-repeat scroll 0 7px transparent;
border-bottom: 1px dotted #555555;
border-top: 1px dotted #111111;
list-style: none outside none;
padding: 3px 0 3px 17px;
}

#right-sidebar input#s, 
#footer-sidebar input#s {
width: 50%;
min-width: 100px;	
}

#right-sidebar form#searchform input[type="submit"], 
#footer-sidebar form#searchform input[type="submit"] {		
padding: 8px 7px;
}

.textwedget {
width: 100%;		
}

h1, h2, h2 a, h2 a:visited, h3, h4, h5, h6 {
font-weight: normal;
line-height: 1.25;
margin: 0 0 10px;
}

p {margin-bottom: 15px;}
a {text-decoration:none; color: #ff0117;}
b, strong {font-weight: bold;}
displaynone {display: none;}
.clear {clear: both;}
.alignR{text-align:right;}
table {
border-radius: 3px 3px 3px 3px;
padding: 5px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
min-width: 200px;
margin-bottom: 15px;
max-width: 100%;
}

td {padding: 5px 7px;vertical-align: top;}
#wp-calendar td {padding: 0px 7px;}
th {font-weight: bold;line-height: 1;padding: 5px 7px;}
table#wp-calendar {
background: none repeat scroll 0 0 transparent;
border: medium none;
box-shadow: none;
width: 100%;	
}
button,
input[type="reset"],
input[type="button"],
input[type="submit"],
#respond .form-submit input#submit,
#page-nav a,
#wp-submit {
border-radius:20px 0 20px 0;
display:inline-block;
font-size:13px;
font-weight:bold;
padding:5px 15px 6px;
text-decoration:none;
height:35px;
text-transform: uppercase;
cursor:pointer;
margin:0 7px;
background: url("images/btn.png") repeat-x scroll 0 0 #087fc3;
color:#fff;
text-shadow: 1px 1px 1px #666;
box-shadow: 1px 1px 5px 1px #ccc;
border:none;
transition:all 2s;
-moz-transition: all 2s;  
-o-transition: all 2s;   
-webkit-transition: all 2s;
}

button:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
#respond .form-submit input#submit:hover,
#page-nav a:hover,
#wp-submit:hover {
box-shadow: 1px 1px 5px 1px #666;
opacity: .9;
text-shadow: 1px 1px 1px #fff;
}

input[type="text"], 
input[type="tel"], 
textarea, input#s, 
input[type="password"],
textarea#comment {
border-radius: 10px 0px 10px 0px;
font-size: 14px;
padding: 10px 7px;
width: 98%;
background: #fefefe;
border-color: #ccc #fff #fff #ccc;
border-style: solid;
border-width: 1px;
}

input[type="text"]:focus, 
input[type="tel"]:focus, 
textarea, input#s:focus, 
input[type="password"]:focus,
textarea#comment:focus {
background: none repeat scroll 0 0 #F7F7F7;
}

input[type="password"] {
width: 200px;
}

button:active, 
input[type="reset"]:active, 
input[type="button"]:active, 
input[type="submit"]:active {
position:relative;
top:1px;
}

input#s {
width: 70%;
min-width: 135px;
}

.post.sticky, 
.sticky {
background: url("images/sticky.png") no-repeat scroll right top transparent;
border: 3px solid #ccc;
padding: 15px 10px 0;
}

.gallery-caption {
clear: both;
width:95%;
}

#container .gallery .attachment-thumbnail {
float:none;
margin: 5px auto;
}

#container, 
#content, 
#content-full {
font-size: 14px;
text-align: justify;
}

#content img, 
#content-full img {
height: auto;
margin: 0;
max-width: 100%;
vertical-align: middle;
}


#heading {
font-size: 35px;
margin: 20px 0;
text-align: center;
text-transform: uppercase;
}

/* index */
#slide-container {
min-width: 950px;
/*height: 380px;*/
padding: 0px 0 0px 0;
margin-bottom:50px;
}

#slide{
margin: 0 auto;
width: 950px;
/*height: 380px;*/
}

.featured-boxs {
margin-right: -25px;
overflow: hidden;
padding: 20px 0;
display:none;
}

.featured-box  {
display: inline;
float: left;
height: 280px;
margin-right: 22px;
overflow: hidden;
position: relative;
width: 300px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 1px #ccc solid;
}

.featured-box .read-more {
margin-left: 20px;
}

.featured-boxs img {
cursor: pointer;
height: 200px;
width: 270px;
padding: 10px 15px;
-webkit-transition:all 1s;
-moz-transition:all 0.2s linear;
-o-transition:all 1s;
-ms-transition:all 1s;
transition:all 1s;
}

.featured-boxs img:hover {
-webkit-transform:scale(0.97);
-moz-transform:scale(0.93);
-o-transform:scale(0.97);
-ms-transform:scale(0.97);
transform:scale(0.97);
background:hsl(18, 93%, 60%);
}

.featured-content1,
.featured-content2 {
display:none;
}

.featured-content1 {
float: left;
padding: 30px 0;
overflow: hidden;
position: relative;
width: 445px;
}

.featured-content2 {
float: right;
padding: 30px 0;
overflow: hidden;
position: relative;
width: 445px;
}

.featured-content1 h2,
.featured-content2 h2 {
border-bottom: 1px dotted #444F63;
padding: 5px 0;
text-transform: uppercase;
font-size: 21px;
}

.featured-content1 h2 span,
.featured-content2 h2 span,
h2.comments a {
color: #ff0117;
}

.featured-boxs p {
font-size: 12px;
line-height: 1.5em;
}

#customers-comment {
font-size: 17px;
font-weight: bold;
margin-top: 20px;
line-height: 2;
}

blockquote {
margin:20px 10px;
padding:10px;
quotes: quotes: '<<' '>>';
background: #E0ECEF;
border-left: 10px solid #00ACCF;
border-right: 10px solid #00ACCF;
}

blockquote:before {
content:'\201C';
font-size:4em;
line-height:.1em;
margin-right:.20em;
vertical-align:-.4em;
color: #00C7EF;

}

blockquote:after {
content:'\201D';
font-size:4em;
line-height:.1em;
margin-left:.20em;
vertical-align:-.4em;
color: #ff0117;
}

blockquote p {
display:inline;
}

#container .thumb {
background: url("images/thumb-back.jpg") no-repeat scroll 0 0 #ccc;
border: 10px solid #fff;
height: 200px;
width: 600px;
-webkit-transition:all 1s;
-moz-transition:all 2s;
-o-transition:all 2s;
-ms-transition:all 2s;
transition:all 2s;
margin: 0 0 20px;
}

#container #content-full .thumb {
	margin: 5px 10px 20px 0;
	float:left;
}
#container .sticky .thumb {
	width: 575px;	
}

#container .thumb:hover {	border-color: #ff0117;}
#container .attachment-post-thumbnail {float: right;}

h1.page-title, 
h1.arc-post-title {
font-size: 35px;
text-transform: uppercase;
text-align: left;
}

h2.post-title, 
h2.comments, 
h3#reply-title, 
h2.post-title-color {
font-size: 25px;
margin-bottom: 0;
padding-bottom: 10px;
text-align: left;
text-transform: uppercase;
}

h3.arc-src {
text-transform: uppercase;
font-size: 20px;
color:#ff0117;
}
h3.arc-src span {color:#555555;}
h3.page-title {
font-size: 16px;
text-transform: uppercase;
text-align: left;
margin-bottom:20px;
font-weight:bold;
}

.post, 
.hentry, 
.no-results {
margin-bottom: 20px;
}

.read-more {
background: url("images/read-more.png") no-repeat scroll 0 0 transparent;
display: block;
height: 26px;
padding: 5px 10px;
cursor: pointer;
text-indent: -9999em;
width: 120px;
transition:opacity 1s linear;
-moz-transition:  opacity 1s linear;    /* FF3.7+ */  
-o-transition: opacity 1s linear;      /* Opera 10.5 */ 
-webkit-transition: opacity 1s linear; /* Saf3.2+, Chrome */ 	
}

.read-more:hover {
opacity: .5;
}

.postmetadata {
background:#ff0117;
background: rgba(37, 157, 213, .7);
position: absolute;
width: 200px;
transition:all 2s;
-moz-transition: all 2s;  
-o-transition: all 2s;   
-webkit-transition: all 2s;
color: #EEEEEE;
text-align:right;
max-height: 200px;
overflow:hidden;
padding: 10px;
font-size: 12px;
}
.postmetadata a {color: #000000;}

.postmetadata:hover  {
overflow:visible;
width: 250px;
max-height:2000px;
z-index: 1000;
background:#ff0117;
}

.postmetadata h3,
.postmetadata h2,
.postmetadata h5,
.postmetadata h5 a {
color:#EEEEEE;
margin: 0;
}

.postmetadata h2 a {
color:#fff;
font-weight: bold;
}

.floatleft {
float: left;
width: 45%;
text-align:left;
}

.floatright {
float: right;
width: 45%;
text-align:right;
}

#page-nav .alignright {
text-align:right;
}

#page-nav .alignleft {
text-align:left;
}


#commentsbox {
background: #fff;
border-top: 20px solid #DCDDDD;
box-shadow: 0 1px 1px #A8A8A8;
clear: both;
margin-bottom: 30px;
overflow: hidden;
padding: 20px 10px 5px 10px;
position: relative;
} 

#commentsbox ol, 
#commentsbox ul {
padding:0;
}

#commentsbox ol, 
#commentsbox ul {
padding:0;
}

#commentsbox ol, 
#commentsbox ul,
#commentsbox li {
list-style: none inside none;
}

#commentsbox .watermark {
font-size: 17px;
text-align: center;
text-shadow: none;
text-transform: uppercase;	
}

#commentsbox .comment-author cite, 
#commentsbox .comment-author cite a {
color: #ff0117;
font-size: 17px;
font-style: normal;
font-weight: bold;
letter-spacing: 3px;
}

#commentsbox .avatar {
background: #EEEEEE;
border-bottom: 2px solid #D3D6D6;
float: left;
font-size: 10px;
height: 60px;
left: -100px;
padding: 10px;
position: absolute;
top: 0;
transition: all 2s ease 0s;
-moz-transition:  all 2s ease 0s;    /* FF3.7+ */  
-o-transition: all 2s ease 0s;     /* Opera 10.5 */ 
-webkit-transition: all 2s ease 0s; /* Saf3.2+, Chrome */ 
width: 60px;   
}

#commentsbox .avatar:hover {background: #fe6804;}
#commentsbox ul.children {padding: 0;}

.comment-body {
background: #DDDDDD;
border-right: 2px solid #ff0117;
padding: 15px;
position: relative;
}

#commentsbox .comment-body ol li {
list-style: decimal inside none;
padding: 5px 0 5px 20px;
}

#commentsbox .comment-body ul  li{
list-style: square inside none;
padding: 5px 0 5px 20px;
}

#commentsbox .commentlist li.comment {
line-height: 19px;
margin: 0 0 24px;
padding: 5px 0 0 50px;
position: relative;
padding:5px 0 0 100px;
}

#comments .comment-body p:last-child {
margin-bottom: 6px;
}

#commentsbox .comment-meta {
border-bottom: 1px solid #fff;
font-size: 12px;
margin-bottom: 10px;
padding-bottom: 5px;
text-shadow: none;
}

a.comment-reply-link {
font-size: 12px;
padding: 1px 5px;
border-radius: 5px;		
}

.commentlist > li.bypostauthor {}
#commentsbox .commentlist .children li {margin: 0;}
#commentsbox .commentlist li:last-child {border-bottom: medium none; margin-bottom: 0;}
#comment-form {
background:#DDDDDD;
border: 1px solid #EEEEEE;
border-radius: 10px 10px 10px 10px;
padding: 10px;
}

#respond .required {
font-weight: bold;
position:absolute;
}

#comments-list #respond {
margin: 0 0 18px 0;
}
#comments-list ul #respond {
margin: 0;
}

#cancel-comment-reply-link {
font-weight: normal;
line-height: 18px;
}

#respond input {
margin: 0 0 9px;
}

#respond textarea {
width: 98%;
}

#respond .form-allowed-tags {
font-size: 13px;
line-height: 18px;
}
#respond .form-allowed-tags code {
font-size: 11px;
}
#respond .form-submit {
margin: 12px 0;
}
#respond .form-submit input {
font-size: 14px;
width: auto;
}

h2#client-text.post-title {
opacity: 0.7;
padding: 30px 0 0;
text-align: center;
}

#client {
display:table;
display:block\9;
margin: 20px auto;
}

#client img {
margin: 0 13px;
max-height: 100px;
vertical-align: middle;
width: 100px;
}

#f-post-page { margin: 10px auto; width: 100%; font-size: 15px; cursor: pointer; text-align: center; font-weight: bold; } 
#f-post-page-container { display: none; }


.contactForm{
width:950px;
border:1px solid #cccccc;
margin:0;
padding:0;
border-collapse:collapse;
}
.contactForm th{
width:10%;
border-bottom:1px dotted #cccccc;
font-weight:normal;
padding:15px 10px 15px 20px;
white-space:nowrap;
}
.contactForm td{
width:auto;
border-bottom:1px dotted #cccccc;
padding:15px 20px 15px 10px;
}
.contactForm td #hoka1{float:left;display:inline; width:30%; }
.contactForm td #hoka2{float:left; display:inline; width:30%; margin-left:-15px; }

.contactForm td input{
/*display:inline-block;*/
font-weight:normal;
padding:5px 6px;
text-decoration:none;
cursor:pointer;
margin: 0px 10px 0 5px;
border-radius:5px;
background-color:#ffdede;
border:1px #febcbc solid;
}

.contactForm input[type="text"], 
.contactForm input[type="tel"], 
.contactForm textarea,
.contactForm input[type="password"],
.contactForm textarea#comment {
/*display:inline-block;
*/font-weight:normal;
padding:5px 6px;
text-decoration:none;
cursor:pointer;
margin: 0 10px 0 5px;
border-radius:5px;
background-color:#ffdede;
border:1px #febcbc solid;
}

.contactSubmit button,
.contactSubmit input[type="reset"],
.contactSubmit input[type="button"],
.contactSubmit input[type="submit"],
.contactSubmit #respond .form-submit input#submit,
.contactSubmit #page-nav a,
.contactSubmit #wp-submit {
border-radius:5px;
display:inline-block;
font-weight:bold;
padding:5px 15px 6px;
text-decoration:none;
text-transform: uppercase;
cursor:pointer;
margin:10px 7px;
background: #ccc;
color:#000;
box-shadow:none;
text-shadow:none;
}

.contactSubmit button:hover,
.contactSubmit input[type="reset"]:hover,
.contactSubmit input[type="button"]:hover,
.contactSubmit input[type="submit"]:hover,
.contactSubmit #respond .form-submit input#submit:hover,
.contactSubmit #page-nav a:hover,
.contactSubmit #wp-submit:hover {
background: #efefef;
color:#000;
}



/* =Media Print
-------------------------------------------------------------- */
@media print {
h1 {page-break-before:always;}
h1,  h2,  h3,  h4,  h5,  h6 {page-break-after:avoid;}
ul,  ol,  dl {page-break-before:avoid;}

  a[href]:after {
    content: ""!important;
  }
  abbr[title]:after {
    content: ""!important;
  }
}


.mod_nav p.navtitle{
	display:none;
}
.wp-pagenavi{
	margin-bottom:20px;
}

/* =Responsive Design
-------------------------------------------------------------- */

@media only screen and (min-width: 0px) and (max-width: 736px) {
html,body{width: 98%;}
body{
overflow-x: hidden;
max-width: 98%;
min-width: 0;
-webkit-text-size-adjust: none;
font-size-adjust:none;
margin:0px;
padding: 0 5px;
}
#wrr{width: 98%;
	}
}
@media only screen (max-width: 970px) {
html,body{width: 98%;}
body{
overflow-x: hidden;
max-width: 98%;
min-width: 0;
-webkit-text-size-adjust: none;
font-size-adjust:none;
margin:0px;
padding: 0 5px;
}
div.evt_left  {float:left;width:49%;margin-bottom:100px;}
div.evt_right {float:right;width:49%;margin-bottom:100px;}


}

@media only screen and (min-width: 600px) and (max-width: 736px) {
html,body{width: 98%;}
body{
overflow-x: hidden;
max-width: 98%;
min-width: 0;
-webkit-text-size-adjust: none;
font-size-adjust:none;
margin:0px;
padding: 0 10px;
}

}

@media screen and (max-width:600px){
html,body {-webkit-text-size-adjust: none;}
.sp{display:block;}
.pc, #bread,#bread ul#breadcrumb, .conwidth, #top-menu-container{display:none;}
body{
overflow-x: hidden;
max-width: 100%;
min-width: 0;
-webkit-text-size-adjust: none;
font-size-adjust:none;
margin:0px;
padding: 0 5px;
}

ul.menu {display:none;}

img.site-logo,
h1.site-title {
width: 100%;
margin-top:0;
text-align:center;
}
#header ,
#top-menu-container,
#header-content,
#gnavi,
nav{
	float: left;
	width: 100%;
	margin-bottom:0px;
	clear:both;
}

#container,
#header,
#content-full,
.conwidth,
#footer,
#footer-sidebar,
#creditline,
#slide-container,
#slide
img.site-logo,
dl.dl,
#footer,
#slide,
#footer #fotterMenu,
#footer #fotterMenu ul
{
max-width: 100%;
min-width: 0;
}
div.ttl{margin-bottom:5%;}
.spP{margin-bottom:30px;}

img {
width /***/:auto;　
max-width: 97% !important;
height:auto;
vertical-align: top;
}

img.site-logo, h1.site-title {margin-top:0px;}
.featured-boxs { background: #fff;}
.featured-content1, .featured-content2 { width: 100%;}

.featured-box,
#right-sidebar,
.clubTitle
{
float: none;
margin: 0 auto;
max-width: 100%;
border:none !important;
}

#design-main-menu,
#content {
float: none;
width: 100%;
}
div.box,div.box2nd{width:100%; margin: 0px 0px 2% 0px;padding: 0px 0px 2% 0px;}
div.boxL, div.boxR, div.boxL680, div.boxR230, div.boxL500, div.boxL530, div.boxR370 { width:100%; float:none; clear:both; margin-bottom:2%;}
.boxR230 img{width:140%;}
ul.contentsMenu{display:none;}
#footer-sidebar #footer-widgets, #footer-sidebar #first-footer-widget {width: 100%;margin: 0 5px;}

#client img {
margin: 5px;
max-height: 50px;
vertical-align: middle;
width: 50px;
}
.postmetadata, .postmetadata:hover { max-width: 70%;}
#footer #fotterMenu li{width:49.7%; float:left;margin-right:0;}
dl.infolist dd a        {margin-left:0; clear:both;}
div.evt_left, div.evt_right   {margin-bottom:2%;}
.creditline{margin-bottom:30px;}
.texts, .textC{text-align:left;}
.texts br, .textC br{display: none;}
table.evt_tbl th { text-align:left; vertical-align:top; padding:2px 1px 2px 0; margin:0; font-weight:normal;letter-spacing:normal; white-space: nowrap;}

nav{
width: 100%;
margin-bottom:0px;
clear:both;
float:right;
}
.mod_nav{height:auto;width: 100%;}
.mod_nav p.navtitle{
cursor:pointer;
display:block;
line-height:40px;
padding:0 30px 0 0;
font-size:110%;
font-weight:bold;
text-align:right;
background: url("images/bg_menu.jpg") no-repeat right 0;
}
.mod_nav .menu ul{width:100%; display:none;}
.mod_nav .menu ul li{float:none;}
.mod_nav .menu li{
width: 90%;
max-width:600px;
padding:5px 10px;
text-align:center !important;
background-color:#fff;
border-bottom:dotted 1px #ccc;
display:block;
}

.entrytext{width:97% !important; }
.contactForm{width:99% !important;}
.contactForm th{
width:10%;
border-bottom:1px dotted #cccccc;
font-weight:normal;
padding:5px 1% 5px 1% ;
white-space:nowrap;
font-size:90%;
}
.contactForm td{
width:auto;
border-bottom:1px dotted #cccccc;
padding:5px 1% 5px 1%;
}
.contactForm td #hoka1,
.contactForm td #hoka2,
input[type="text"], 
input[type="email"],
input[type="tel"] {
width:78%;
float:none;
}
.contactForm td #hoka1,
.contactForm td #hoka2{
margin-left:0;
clear:both;
}
input[type="textarea"],
textarea {
width: 79%;
float:none;
}

.youtubeL,
.youtubeR{
width:100%;
float:none;
padding:0 !important;
margin-bottom:10px;
}
.youtubeL iframe,   .youtubeL object,   .youtubeL embed { 	width: 100%; 	height: 100%; }

}

dl#qaX{
padding-bottom:30px;
}
#qaX dt.q{
background: url("images/common/q.gif") no-repeat left 5px;
padding-left:15px;
color:#e60012;
font-weight:bold;
font-size:110%;
}
#qaX dd.a{}