/*
Theme Name: innocentsphere
Theme URI: http://www.innocentsphere.com/
Description: innocentsphere 
Author: innocentsphere 
Version: 1.1
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}									



article, aside, figure, footer, header, hgroup, nav, section
{display: block;}

html {overflow-y: scroll;}

ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; transition-property: all; transition: 0.3s linear; }

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
white-space: pre; /* CSS2 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

pre, code, kbd, samp {font-family: monospace, sans-serif;}

.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

button, input, select, textarea {margin: 0;}

button {width: auto; overflow: visible;}

.ie7 img {-ms-interpolation-mode: bicubic;}

.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/*
* HTML5未サポートブラウザーでインライン要素として表示する for IE6/7/8/9 & FF3
* 制限事項: IE6では'audio[controls]'へのスタイルは適用されません。
*/

audio[controls],
canvas,
video {
display: inline-block;
*display: inline;
zoom: 1;
}


/* =============================================================================
基本設定
========================================================================== */

/*
* 1. IE6/7において単位をemでbodyにfont-sizeを設定すると正しいサイズにならない問題を修正
*    参考: http://clagnut.com/blog/348/#c790
* 2. コンテンツの高さに関わらず全てのブラウザーでページをセンタリング（スクロールバーを常時表示する）
* 3. AndroidやiOSにおいてtap highlight colorが親要素を含んでしまう問題を修正（tap highlight colorを消す）
*    参考: www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
* 4. iOSにおいて画面の向きが変わった際のテキストサイズ調整を防ぐ
*    参考: www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
*/

html {
-webkit-tap-highlight-color: rgba(0,0,0,0); /* 3 */
-webkit-text-size-adjust: 100%; /* 4 */
-ms-text-size-adjust: 100%; /* 4 */
}

/*
* 'textarea'やその他のフォーム要素でのfont-familyの矛盾を修正
*/

body,
button,
input,
select,
textarea {
font-family: Century, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}


/*
* Chromeにおいてoutlineの表示不具合を修正
*/

a:focus {
outline: thin dotted;
}

/*
* 全てのブラウザーにおいてフォーカス時、マウスホバー時の読みやすさを改善
* 参考: people.opera.com/patrickl/experiments/keyboard/test
*/

a:hover,
a:active {
outline: 0;
}


/*
* IE7/8/9, S5, Chromeにおいてabbr要素がスタイリングされない問題を修正
*/

abbr[title] {
border-bottom: 1px dotted;
}

/*
* FF3/4, S4/5, Chromeにおいてb,strong要素がboldにならない問題を修正
*/

b,
strong {
font-weight: bold;
}

blockquote {
margin: 1em 40px;
}

/*
* S5, Chromeにおいてdfn要素がイタリック体にならない問題を修正
*/

dfn {
font-style: italic;
}

/*
* IE6/7/8/9においてmark要素がスタイリングされない問題を修正
*/

mark {
background: #ff0;
color: #000;
}

/*
* IE6, S5, Chromeにおけるfont-familyの問題を修正
* en.wikipedia.org/wiki/User:Davidgothberg/Test59
*/

pre,
code,
kbd,
samp {
font-family: monospace, monospace;
_font-family: 'courier new', monospace;
font-size: 1em;
}

/*
* 全てのブラウザーにおいてpre-formatted textの読みやすさを改善
*/

pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}

/*
* 1. IE6/7においてquotesプロパティーがサポートされていない問題を修正
* 2. S4においてquotesプロパティーがサポートされていない問題を修正
*/

/* 1 */

q {
quotes: none;
}

/* 2 */

q:before,
q:after {
content: '';
content: none;
}

small {
font-size: 75%;
}

/*
* 全てのブラウザーにおいてsubおよびsup要素がline-heightに影響する問題を防ぐ
* 参考: gist.github.com/413930
*/

sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}

sup {
top: -0.5em;
}

sub {
bottom: -0.25em;
}


/*
* 1. IE6/7/8/9において、a要素内側のborderを削除
* 2. IE7において画像の拡大縮小時の画質を改善
*    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
*/

img {
border: 0; /* 1 */
-ms-interpolation-mode: bicubic; /* 2 */
}

/*
* IE9においてoverflowの表示問題を修正
*/

svg:not(:root) {
overflow: hidden;
}


/*
* IE6/7/8/9, S5, O11におけるmarginの問題を修正
*/

figure {
margin: 0;
}

/*
* 1. IE6/7/8/9において色が継承されない問題を修正
* 2. IE6/7において揃いがおかしい問題を修正
*/

legend {
border: 0; /* 1 */
*margin-left: -7px; /* 2 */
}

/*
* 1. 全てのブラウザーにおいてfont-sizeが継承されない問題を修正
* 2. IE6/7, F3/4, S5, Chromeにおけるmarginの差異を修正
* 3. 全てのブラウザーにおいて外観と一貫性を改善
*/

button,
input,
select,
textarea {
font-size: 100%; /* 1 */
margin: 0; /* 2 */
vertical-align: baseline; /* 3 */
*vertical-align: middle; /* 3 */
}

/*
* 1. FF3/4のUA stylesheetにおいてline-heightが!importantになっている点について修正
* 2. IE6/7においてインナースペースの表示問題を修正
*/

button,
input {
line-height: normal; /* 1 */
*overflow: visible;  /* 2 */
}

/*
* 1. image-typeが'input'とその他についてユーザビリティと一貫性を改善
* 2. iOSにおいてクリック可能な'input'にスタイルが適用できない問題を修正
*/

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer; /* 1 */
-webkit-appearance: button; /* 2 */
}

/*
* IE8/9においてbox-sizingプロパティがcontent-boxになっている点を修正
*/

input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
}

/*
* 1. S5, Chromeにおいてappearanceプロパティがsearchfieldになっている点を修正
* 2. S5, Chromeにおいてbox-sizingプロパティがborder-box担っている点を修正 (将来的なことを踏まえて-mozも含める)
*/

input[type="search"] {
-webkit-appearance: textfield; /* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box;
}

/*
* S5, Chrome on OSXにおけるpaddingの表示問題を修正
*/

input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}

/*
* FF3/4におけるpadding及びborderの表示問題を修正
* 参考: www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
*/

button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}

/*
* 1. IE6/7/8/9におけるデフォルト表示のスクロールバーを削除
* 2. 全てのブラウザーにおいて読みやすさと揃えを改善
*/

textarea {
overflow: auto; /* 1 */
vertical-align: top; /* 2 */
}




::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

strong{
font-weight:normal;
}

h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}

button,fieldset,form,input,label,legend,select,textarea{
font-family:inherit;
font-style:inherit;
font-weight:inherit;
}

button{
cursor:pointer;
}

input[type="submit"] {
padding:0.1em;
}

/* for IE7 */
*+html code, kbd, pre, samp, tt {
font-size:108%;
}

/* --OTHER TAGS-- */
a img, fieldset, img {
border:0;
}

/* for IE6 */
* html input {
padding:0.1em;
}

* html input.checkbox,
* html input.radio {
vertical-align:-0.3em;
}

* html input.submit {
line-height:1.2;
padding-top:0.2em;
}

* html select {
vertical-align:-0.2em;
}

/* for IE7 */
*+html input {
padding:0.1em;
}

*+html input.submit {
line-height:1.2;
padding-top:0.2em;
}

*+html select {
vertical-align:-0.2em;
}

/* for Opera9.27 */
html:first-child input {
padding:0.1em;
}

html:first-child input[type="checkbox"],
html:first-child input[type="radio"] {
vertical-align:middle;
}

html:first-child input[type="submit"] {
padding:0.3em;
}

html:first-child select {
padding:0.2em;
}

/* for Opera9.5 [Safari3] */
body:first-of-type input {
padding:0.1em;
}

body:first-of-type input[type="checkbox"],
body:first-of-type input[type="radio"] {
vertical-align:-0.3em;
}

body:first-of-type input[type="submit"] {
padding:0.3em 0.3em 0.2em 0.3em;
}

/* for Safari3 */
html:not(:only-child:only-child) input {
padding:0;
vertical-align:baseline;
}

html:not(:only-child:only-child) input[type="checkbox"],
html:not(:only-child:only-child) input[type="radio"] {
vertical-align:baseline;
}

html:not(:only-child:only-child) select {
vertical-align:0.1em;
}

/*文字などを選択した時の色を変えることができる */
::selection {
color: #333;
background-color: #facade;
}
::-moz-selection {
color: #333;
background: #facade;
}


.cr:after{
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;
}
.cr{
display:inline-table;
min-height:1%;
}

* html .cr{ height:1%;}
.cr{ display:block;}
.cr a:hover {
opacity:0.2;
filter: alpha(opacity=20);
}

body {
font-size:12px; 
font-family: Century, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
overflow:visible;
color:#353535;
background-color:#ffffff;
line-height:1.5;
letter-spacing:0;
/* 
        min-width:1272px;
 */
}

a {
outline:none;
margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;
}


a:focus {
outline: thin dotted;
}

a:link, a:visited {
color:#000;
text-decoration:underline;
}

a:hover,
a:active {
outline: 0;
color:#666;
text-decoration:none;
}



/* for ie8 */
html>/**/body {
font-size:75%;
font-family: Century, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
} 

/* for modern browser not ie8 */
html:not(:target) body {
font-size:12px; 
font-family: Century, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
} 

/* for IE7 */
*+html body {
font-family: Century, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size:75%;
}

/* for IE6 */
* html body {
font-family: Century, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size:75%;
}

/* for IE7 */
*+html input, select, textarea {
font-family: Century, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/* for IE6 */
* html input, select, textarea {
font-family: Century, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}


#wrapper{
font-size:116.7%; 
margin: 0 auto;
width:939px;
/* 
width:1272px;
 */
}


#header{
width:939px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-o-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
padding:5px 0 5px 15px;
}
#header h1 {
	width:100px;
	height:69px;
	float:left;
	margin:10px 0;
}
#header h1 a:hover {
opacity:0.2;
filter: alpha(opacity=20);
}
.header_r {
	float:right;
	margin:0px 0 15px 15px;
	text-align:right;
}
.header_r a {
font-family: Century;
display:block;
border-bottom:1px solid #D9D9D9;
color:#000;
margin:10px 0;
font-size:14px;
text-decoration:none;
}
.header_r a:hover {
opacity:0.2;
filter: alpha(opacity=20);
}
.nonespan{
font-family: Century;
display: block;
height:50px;
width:134px;
font-size:14px;
padding:16px 0 0 0;
text-align:center;
overflow: hidden;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
#navi li {
height:50px;
width:134px;
overflow:hidden;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
border-right:1px solid #2E2E2E;
}
#navi li:last-child {
width:135px;
border-right:none;
}
#navi li:last-child .nonespan{
padding:4px 0 0 0;
}
#navi li a {
background-color:#FFF;
color:#000;
}
#navi li a:hover {
/*
background:#FFF;
color:#D9D9D9;
opacity:1.0;
filter: alpha(opacity=100);
*/
}

#navi{
	margin:10px 0 30px 0;
}

#navi li{
float:left;
}

#navi a{
display: block;
text-decoration: none;
}


#menu-out{
}

#s-m{
float:left;
width:100px;
height:70px;
}


#top-b-im{
position:relative;
width:938px;
margin: 0 auto 30px auto;
overflow: hidden;
height: 353px;
border:1px solid #E9EBEE;
}

#pho-tit{
position:absolute;
top:11px;
left:15px;
color:#FFFFFF;
}

#img-img img{
position:relative;
margin:-25px 0 0 0;
z-index:2;


border-radius:0 0 5px 5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
}

#menu-out{
position:relative;
z-index:10;
}






.topcon{
    margin: 0 0 26px 0;

}

.topcon .l-sub,.page-id-23 .l-sub{
width:429px;
float:left;
    margin: 0 41px 0 0;
	display:inline;
 } 

.topcon .r-sub{
width:429px;
float:right;
}

.topcon dl,.page-id-23 dl{

float:left;
width:207px;
}


.topcon dt,.page-id-23 dt{
margin:0 0 15px 0;
display:block;
}


.topcon .ddo,.page-id-23  .ddo{
color:#000000;
font-weight:bold;
margin:0 0 26px 0;
}

.topcon .ddt,.page-id-23 .ddt{
}

.topcon h2 a {
display:block;
font-size:14px;
margin: 0 0 10px;
/*padding:5px 0 5px 10px;*/
padding:0 0 0 10px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.topcon h2 a:hover {
}

.l-sub h3{

font-size:225%;
border-bottom:1px solid #646464;
padding:0 0 34px 0;
margin:0 0 40px 0;
    font-weight: bold;

}


.topcon .limg,.page-id-23  .limg{
float:left;
width:200px;
margin:0 20px 0 0;
}

#s-m li,#s-m a{
width:22px;
height:21px;
margin-left:5px;
}


#m-rss{
    left: 841px;
	position:absolute;
    top: 18px;
}

#m-tw{
    left: 872px;
    position: absolute;
    top: 18px;

}

#m-fb{
    left: 903px;
    position: absolute;
    top: 18px;

}

#s-m a{
display:block;
font-size:0px;
}

#r-menu,#arc,#fb-r{
background:#000000;
padding:15px 13px;
margin:0 0 10px 0;
position:relative;
behavior:url(../css/PIE.htc);
border-radius:5px;
-pie-border-radius:5px;
-moz-border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-webkit-border-radius:5px;
}

#r-menu{
margin:5px 0 10px 0;
}

#r-menu li,#arc li{
margin:0 0 3px 0;
font-size:83.3%;
}

#r-menu .entry-content h3,#arc .entry-content h3,#fb-r .entry-content h3{
text-align:right;
padding:0 0 32px 0;
font-family: Century, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
color:#FFFFFF;
}

.entry-content h3 a { text-decoration:none; }


#r-menu a:link,#r-menu a:visited,#arc a:link,#arc a:visited,#fb-r a:link,#fb-r a:visited {
font-family: Century, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
color:#FFFFFF;
text-decoration:none;
display:block;
}









#l-content{
width:939px;
padding:;
float:left;
display: inline;
}

#r-content{
    width: 310px;
margin:;
display: inline;
padding:;
float:left;
}


#footer{
height:50px;
background-color: #000;
margin:10px 0 0 0;
width:100%;
}

#footer-in{
/* 
width:1265px;
 */
margin:0 auto;
}

#footer #copy{
color:#ffffff;
font-size:11px;
padding:10px 0 0 10px;
}


#concontet{
/*padding:0 10px 0 10px;*/
}


.page-id-1000 .entry-content h3,.page-id-9 .entry-content h3,.page-id-2077 .entry-content h3,.category-whatsnew .entry-content h3,.page-id-25 .entry-content h3{
font-size:200.0%;
border-bottom:1px solid #000000;
padding:0 0 5px 0;
margin:0 0 27px 0;
}
.page-id-9 .entry-content h3 {
	font-size:115%;
}
.news-l dt,.category-whatsnew .entry-content img{
float:left;
margin:0 28px 0 0;
}
.news-l dd{
color:#353535;
}


.news-l{
margin:0 0 60px;
padding:0 0 38px;

}
a.news-link {
	text-decoration:none;
	font-weight:bold;
}
.ne-t p a{
display:block;
outline:none;
text-align:right;
}

.category-whatsnew .entry-content{
color:#353535;

}

.entry-title{
margin-top:30px;
/*padding:0 0 28px;*/
font-weight:normal;
font-size:125%;
}

#l-content .backna-retu{
height:150px;
    margin: 0 5px 0 20px;
	    height: 373px;
}

.g-t-img{
float:left;
width:172px;
    height: 268px;
margin:0 18px 18px 0;
display:inline;
}

#g-wa .rrr{
margin:0;
}

#mem{
/*border-bottom:1px #353535 solid;*/
}

#mem h3{
background-color:#000000;
color:#FFFFFF;
font-weight:normal;
padding: 10px 0 10px 12px;
/*width: 323px;*/
margin:0 0 20px 0;

}

#mem .hito{
/*width:178px;*/
float:left;
    margin: 0 15px 0 0;
}

#mem .hito .sha{
/*width:172px;*/

}

#mem .hito .sha{
width:172px;
text-align:center;
}

#mem .hito .sha a img{
}

#mem .hito .name-sha{
text-align:center;
/*width:172px;*/
margin:5px 0 15px 0;
/*font-size:166.7%;*/
}

#mem .hito.other-member {
float:none;
}
#mem .hito.other-member .name-sha{
text-align:left;
}

#mem .bi-m .no-margin {
	margin:0;
}

#men-sho .men-shoimg{
float:left;
margin-right:10px;
}

#men-sho #men-bun{
float:left;
width:624px;

}

.bi-m{
padding:20px 0 0 0;
/*border-top:1px #353535 solid;*/

}

#r-menu h3,#arc h3,#fb-r h3{
color:#FFFFFF;
text-align:right;
}


#s{
border:0px;
color:#FFFFFF;
width: 140px;
margin:0 2px 0 0;
display:block;
float:left;
 height: 17px;
 
border-radius:3px 0 0 3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;



-moz-border-radius-topright:0px;
-moz-border-radius-bottomright:0px;
-webkit-border-top-right-radius:0px;
-webkit-border-bottom-right-radius:0px;



background:-moz-linear-gradient(top,#3d3d3d,#171717);
background:-webkit-gradient(linear, left top, left bottom, from(#3d3d3d), to(#171717));　
background:linear-gradient(top,#3d3d3d,#171717);
background:-o-linear-gradient(top,#3d3d3d,#171717); /* Opera11.10+ */
background:-ms-linear-gradient(top,#3d3d3d,#171717); /* IE10+ */
}

.error404 #s{
border:1px solid #000000;
background:none;
color:#000000;

}

.error404 #searchsubmit{
background:none;

}


#searchsubmit{
width:27px;
display:block;
float:left;    height: 20px;
background: url(http://www.innocentsphere.com/wordpress/wp-content/themes/innocentspherewp/images/musi.gif) 0 0px repeat-x;
    outline: 0 none;
    padding: 0;
	border:0;
	
}

#r-menu #search-3{
margin:10px 0 0 0;
list-style-type:none;
}

.wpcf7-form dl{
margin:0 0 20px 0;
}


.wpcf7-form dt{
float:left;
display:block;
width:164px;
background-color:#000000;
padding:28px 0 28px 11px;
font-family: Century, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
color:#FFFFFF;
}

.wpcf7-form dd input{
float:left;
width:399px;
height:72px;
border:1px solid #000000;
}

.wpcf7-form dd textarea {
float:left;
width:402px;
height:208px;
border:1px solid #000000;
}


.hisu{
color:#888;
font-weight:bold;
}

#wpcf7-f4-p18-o1 .wpcf7-submit{
background-color:#FFFFFF;
color:#000000;
font-weight:bold;
border:1px solid #000000;
padding:10px 50px;
width:200px;
margin:10px auto 30px;
display:block;
}

#wpcf7-f4-p18-o1  p{
    padding: 0 0 0 23px;
}

#jikka{
margin:0 0 30px 0;
}

#men-bun h3{
font-size:150%;
font-weight:bold;
}



#men-bun h4{
font-size:200%;
font-weight:bold;
}



#men-bun p{
background-color:#000000;
font-weight:bold;
color:#FFFFFF;
padding:2px 20px 2px 2px;
display:inline;
}

#bun-jo p,#bun-si p{
background-color:transparent;
color:#000000;
font-weight:normal;
display:block;
margin:0 0 12px 0;
}

#bun-jo{
margin:30px 0 30px 0;
padding:0 0 30px 0;
border-bottom:1px dotted #CCCCCC;
}

#bun-si{

}


.entry-content .broken_link,.entry-content a.broken_link{
text-decoration:none;
}


#wa-sha{
float:left;
width:228px;
}

.wa-sha{
float:left;
margin: 10px 5px;
}

#wa-r{
float:left;
width:707px;
}

#wa-r2{
float:left;
width:580px;
margin-left:20px;
}
.left {
	float:left;
	width:300px;
}
.left img {
	margin-bottom:10px;
	max-width:300px;
	height:auto;
}
h3.entry-title{
font-size:115%;
font-weight:bold;
padding:0 0 5px 0;
margin:0 0 15px 0;
border-bottom:1px solid #000000;
color:#000;
}

.sep{
font-size:75%;
padding:0 0 0 20px;
}

.sep2{
display:block;
float:left;
font-size:12px;
padding:0 0 0 10px;
width:120px;
}



.galleria-thumbnails .galleria-image{
width:107px !important;
height:88px !important;
    overflow: visible !important;
}

.galleria-thumbnails{
    overflow: visible !important;
	height:auto !important;

}

.galleria-thumbnails-list{
    overflow: visible !important;

}

.galleria-thumbnails-container{
	height:auto !important;
    bottom: -37px !important;
}


.galleria-container{
    height: 636px !important;
    overflow: visible !important;
background-color:#FFFFFF !important;
width:600px !important;
}

.galleria-image-nav-left{
background-color:#666666 !important;
    width: 63px;

}

.galleria-image-nav-right{
background-color:#666666 !important;
    left: 513px;
    width: 63px;
}

.galleria-stage{
    top: 17px !important;
}

#galleria-000{
overflow:hidden !important;
width:600px !important;
height:688px !important;
background-color:none !important;
margin:15px auto;
}

.galleria-thumbnails .galleria-image{
background-color:#F4F0F0 !important;
border:0px !important;

}

.galleria-thumbnails-list{
overflow:hidden !important;
width:600px !important;

}

.galleria-info-link{

background:none !important;
}
.galleria-thumb-nav-right,.galleria-thumb-nav-left{
}

.galleria-thumb-nav-right{
overflow:visible !important;
    left: 568px !important;
z-index:100 !important;
    background-color: #999999;
}

.galleria-thumb-nav-left{
    background-color: #999999;
}

.galleria-thumbnails-container{
z-index:0 !important;
}

.galleria-image{
z-index:1 !important;

}

.date #concontet .page-title{
padding:0 0 20px 0;
}

.entry-title-a{
padding:0;
}

.aaa{
background-color:#CCCCCC;
margin:10px 0 30px 0;
padding:10px;
clear:both;
}

.wp_social_bookmarking_light{
}

.fb-like-box,.app_content_242292955821437 {
    background-color:#FFFFFF !important;
}

#slider a{
width:938px;
height:353px;
display: block;
}


#slider #huka-img1 a{
background: url(http://www.innocentsphere.com/wordpress/wp-content/themes/innocentspherewp/images/huka1.jpg) no-repeat left top;

}


#slider #huka-img2 a{
background: url(http://www.innocentsphere.com/wordpress/wp-content/themes/innocentspherewp/images/huka2.jpg) no-repeat left top;

}


#slider #huka-img3 a{
background: url(http://www.innocentsphere.com/wordpress/wp-content/themes/innocentspherewp/images/huka3.jpg)  no-repeat left top;

}


#slider #huka-img4 a{
background: url(http://www.innocentsphere.com/wordpress/wp-content/themes/innocentspherewp/images/huka4.jpg)  no-repeat left top;

}


#slider #huka-img5 a{
background: url(http://www.innocentsphere.com/wordpress/wp-content/themes/innocentspherewp/images/huka5.jpg)  no-repeat left top;

}

#slider #huka-img6 a{
background: url(http://www.innocentsphere.com/wordpress/wp-content/themes/innocentspherewp/images/huka6.jpg)  no-repeat left top;

}








#slider #img-img1 a{
background: url(http://www.innocentsphere.com/wordpress/wp-content/themes/innocentspherewp/images/top011.jpg) no-repeat left top;

}


#slider #img-img2 a{
background: url(http://www.innocentsphere.com/wordpress/wp-content/themes/innocentspherewp/images/top021.jpg) no-repeat left top;

}


#slider #img-img3 a{
background: url(http://www.innocentsphere.com/wordpress/wp-content/themes/innocentspherewp/images/top02.jpg)  no-repeat left top;

}


#slider #img-img4 a{
background: url(http://www.innocentsphere.com/wordpress/wp-content/themes/innocentspherewp/images/top01.jpg)  no-repeat left top;

}


#slider #img-img5 a{
background: url(http://www.innocentsphere.com/wordpress/wp-content/themes/innocentspherewp/images/top03.jpg)  no-repeat left top;

}

#slider #img-img6 a{
background: url(http://www.innocentsphere.com/wordpress/wp-content/themes/innocentspherewp/images/top05.jpg)  no-repeat left top;

}


#slider #img-img7 a{
background: url(http://www.innocentsphere.com/wordpress/wp-content/themes/innocentspherewp/images/top06.jpg)  no-repeat left top;

}

#slider #img-img7 a{
background: url(http://www.innocentsphere.com/wordpress/wp-content/themes/innocentspherewp/images/top07.jpg)  no-repeat left top;

}

#wrapper #nav-above{
float:none;
width:935px;
padding:0 0 20px 0;
}

.nav-previous{
float: left;
width:450px;

}

.nav-next{
float: right;
width:450px;
text-align:right;

}
.nav-previous a:link,
.nav-next a:link {
	color:#000;
}
.topcon .ddt a{
	display:block;
	
	}

#nekusu{
padding:0 0 10px 0;
}

#dm a{
display:block;
text-align:center;
font-size:125%;
padding:5px 0 5px 0;
background-color:#000000;
border:1px dotted #474747;
width:450px;
    margin: -34px auto 10px;
}

#dmm{
text-align:center;
font-size:75%;
margin:0 0 10px 0;
}


.uhto{
font-weight:bold;
font-size:125%;
}

.chuu{
/*color:#ff007e;*/
color:#008000;
}

.shasisita{
font-size:75%;
display:block;
}

#post-665 #galleria-665 .galleria-images img{
width:143px !important;
height:99px !important;
}

#post-2 .entry-content h2 {
}
#post-2 .entry-content h2 a {
/*height:31px;*/
background-color:#FFF;
border:1px solid #FFF;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
#post-2 .entry-content h2 a:link,
#post-2 .entry-content h2 a:visited {
font-weight:normal;
font-family: Century;
color:#000;
text-decoration: none;
border-left:2px solid #000;
}
#post-2 .entry-content h2 a:hover {
background-color:#fff;
color:#D9D9D9;
border:1px solid #D9D9D9;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
opacity:1.0;
filter: alpha(opacity=100);
}

/*  CSS3
・border-radius
position:relative;
behavior:url(PIE.htc);
border-radius:0 0 10px 10px;
-pie-border-radius:0 0 10px 10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
*/

/*  CSS3
・box-shadow
position:relative;
behavior:url(PIE.htc);
-webkit-box-shadow:3px 3px 4px #000000;
-moz-box-shadow:3px 3px 4px #000000;
-ms-box-shadow:3px 3px 4px #000000;
box-shadow:3px 3px 4px #000000;
-pie-box-shadow:3px 3px 4px #000000;
*/

/*  CSS3
・text-shadow:1px 1px 0px #000000;
*/

/*  CSS3
・background:linear-gradient
behavior:url(PIE.htc);
position:relative;
background:-moz-linear-gradient(top,#FB3131,#C82828);
background:-webkit-gradient(linear, left top, left bottom, from(#FB3131), to(#C82828));　
background:linear-gradient(top,#FB3131,#C82828);
background:-o-linear-gradient(top,#FB3131,#C82828); /* Opera11.10+ */
background:-ms-linear-gradient(top,#FB3131,#C82828); /* IE10+ */
-pie-background:linear-gradient(top,#FB3131,#C82828); 
*/

#aboutus { width:100%; }
#aboutus li { float:left; margin:0;padding:0; }
#aboutus li img { max-width:466px; margin:0; }

.about-us-main { margin-bottom:30px; }
.about-us-main img { max-width:100%; }
.about-us-images li { float:left; margin-right:5px; margin-top:5px; }
.about-us-images li:last-child { margin-right:0px; }
.page-id-12 .entry-content .about-us-images li img { float:left; margin:0; }
.clear { clear:both; }
.new {
margin-left:5px;
font-size:10px;
position: relative;
color: #ff0000;
line-height: 20px;
text-align: center;
z-index: 0;
text-indent:0;
}
#whatsnewtxt { width:70%;float:left; }
#whatsnewtxt a { text-decoration:none; }
#whatsnewimg { float:right;width:25%;text-align:right;overflow:hidden; background-color:#f5f9fb; }
.att {
padding-left: 9em;
text-indent: -9em;
border-bottom:1px solid #D9D9D9;
padding-bottom:3px;
margin-bottom:10px;
}
.r_text {
	text-align:right;
}
#playlists { font-weight:bold; text-decoration:underline; }
.playlists td { padding:10px; vertical-align:top; }
.playlists .year { font-weight:bold; padding-top:10px; font-size:15px; }
.playlists .titles {  }

#info-4x4 {
	width:940px;
	height:355px;
	font-size:22px;
	text-align:center;
	background: -prefix-linear-gradient(left, #00c7ff, #eb0b43);
	background: linear-gradient(to right, #00c7ff, #eb0b43);
}
#info-4x4-info {
	padding:30px 0;
	font-size:26px;
	line-height:120%;
}
#info-4x4-wrapper {
	padding-top:65px;
}
#info-4x4 a {
	text-decoration:none;
}
#info-4x4-title {
	font-size:66px;
	line-height:120%;
}
#info-4x4-kana {
}
.flex-direction-nav a.flex-next,
.flex-direction-nav a.flex-prev { color:white; }
.h100p { height:100%; }
#modal-close { position:absolute; right:1%; top:1%; color:white; font-size:2vw; cursor:pointer; z-index:101; }
.flexslider.modal-bg { background-color:black;width:100%;height:100%;position:fixed;top:0;left:0;z-index:100;display:none; }
.slide-images-modal,
.slide-images { display:block;width:938px;height:353px;background-color:black;background-repeat:no-repeat; }
.slide-images-modal { height:400px; width:auto;background-size:contain;background-position:center center;height:100%;margin-left:auto;margin-right:auto;max-width:1200px; }
.slide-images { height:353px;background-size:cover;cursor:pointer; }
.slide-images-li { height:100%; padding:30px; box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }