@charset "utf-8";


/*----------------------------------------------------
	汎用class
----------------------------------------------------*/

.img1 {
margin: 30px 0 0 0;
}
.img2 {
margin: 0 0 15px 0;
}
.img3 {
margin: 23px 0 0 0;
}
.img4 {
margin: 0 0 30px 0;
}
.img5 {
margin: 15px 0;
}
.img6 {
margin: 15px 0 30px 0;
}
.img7 {
margin: 10px 0 0 0;
}
.img8 {
margin: 10px;
}
.img9 {
margin: 0 0 5px 0;
}
.img10 {
margin: 40px 0 15px 0;
}
.img11 {
margin: 0 0 3px 0;
}

.text1 {
padding:0 0 0 30px;
font-size: 15px;
line-height: 1.2em;
}
.text2 {
padding:0 0 0 90px;
font-size: 15px;
line-height: 1.2em;
}

/*clearFix*/
#contents:after {
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}

h3 {
font-size: 30px;
text-align: left;
color: #00a0e9;
letter-spacing: -0.04em;
padding:2px 0 0 0;
}

h5 {
text-align: left;
font-size: 15px;
color: #FFF;
border-left: 6px #ec6da5 solid;
width: 100%;
background:#0378ad;
padding: 3px 0 0 10px;
margin: 20px 0 5px 0;
text-shadow:0px 1px 0px #2999cc;
}

h1 {
text-align: left;
font-size: 12px;
color: #00a0e9;
}

#id_cv {
position:absolute;
visibility:hidden
}

#mgward {
position: relative;
top: 470px;
left: 330px;
}

/*----------------------------------------------------
	#page
----------------------------------------------------*/

#page {
width: 100%;
}


* html #page {
height:100%; 
background-color: #fff;
}

#page .area {
width: 1050px;
min-width: 1050px;
margin: 0 auto;
text-align: center;
}

/*----------------------------------------------------
	#contents
----------------------------------------------------*/

#contents {
background:#FFF url(../../img/top_v.jpg) no-repeat center top  ;
}
#contents2 {
background:#FFF url(../../img/top_v2.jpg) no-repeat center top ;
}

#contents_c1 {
background:#FFF url(../../img/top_v_chara1.jpg) no-repeat center top ;
}
#contents_c2 {
background:#FFF url(../../img/top_v_chara2.jpg) no-repeat center top ;
}
#contents_c3 {
background:#FFF url(../../img/top_v_chara3.jpg) no-repeat center top ;
}
#contents_c4 {
background:#FFF url(../../img/top_v_chara4.jpg) no-repeat center top ;
}
#contents0 {
background:#FFF  ;
}


/* ---------*/

#sub {
float: left;
width: 160px;
}


ul#topbanner {
list-style:none;
margin: 30px 0 0 0;
}

ul#topbanner li{
width: 150px;
height: 150px;
list-style:none;
margin: 0 0 20px 0;
}



/* ---------*/


#main {
float: right;
width: 880px;
height: 1050px;
}
#main2 {
float: right;
width: 880px;
}
#main3 {
float: right;
width: 880px;
height: 1200px;
}

#head {
float: left;
width: 530px;
text-align: left;
color: #00a0e9;
font-size: 40px;
line-height: 1;
letter-spacing: -0.04em;
}
#main #head span {
font-size: 80%;
}


#logo {
float: right;
width: 340px;
}


#extra {
text-align: left;
width: 100%;
}
#extra2 {
margin:0 auto;
width: 100%;
padding:50px 0;
}

.inner1 {
text-align: center;
line-height: 2.7em;
padding:300px 0;
color: #006aa7;
font-size: 1.1em;
}

.inner-ch {
position: relative;
top: 250px;
left: 380px;
width: 500px;
line-height: 1.8em;
text-align: left;
}

.inner-chtx {
padding:20px 0 0 20px;
}

.inner2 {
text-align: center;
line-height: 1.8em;
padding:50px 0;
}

.inner5 {
text-align: left;
line-height: 1.8em;
}

.inner6 {
text-align: left;
line-height: 1.8em;
font-size: 14px;
}

.inner7 {
width: 600px;
text-align: center;
line-height: 1.8em;
}

#copyright {
line-height: 1.3;
padding: 20px 0;
font-size: 10px;
letter-spacing: -0.04em;
color: #00a0e9;
}

#copyright p {
margin: 5px auto;
}

/*----------------------------------------------------
	chara
----------------------------------------------------*/


ul#cvoice {
list-style:none;
margin: 15px 0px;
}
ul#cvoice li{
float:left;
list-style:none;
padding: 0 7px 0 0;
}

#cvoice a:hover img {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background: #fff;
}


ul#chara-list {
list-style:none;
margin: 0px 0px;
}
ul#chara-list li{
float:left;
list-style:none;
padding: 0 20px 0 0;
}
#chara-list a:hover img {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background: #fff;
}


/*----------------------------------------------------
	#myAccordion
----------------------------------------------------*/
#myAccordion {
text-align: left;
font-size: 15px;
line-height: 0;
color: #00a0e9;
}

.myAccordion-declencheur {
line-height: 0;
cursor:pointer;
padding:3px 0 3px 12px;
letter-spacing: -0.04em;
}

.myAccordion-declencheur *{
color: #ff6faf;
margin:0;
}

.myAccordion-declencheur-actif {
background:url(../../img/navi_icon.png) 0 5px no-repeat;
}
.myAccordion-declencheur-actif *{
color: #ff6faf;
}


.myAccordion-content{
padding:2px 0 2px 25px;
font-size: 13px;
}
.myAccordion-content-actif{
}

.myaccoinner {
line-height: 0;
padding:2px 0;
letter-spacing: -0.04em;
}

/*----------------------------------------------------
	#gallery
----------------------------------------------------*/


#gallery {
margin: 0 auto;
width: 880px;
}

ul#cglist {
list-style:none;
}
ul#cglist li{
float:left;
width: 250px;
height: 141px;
list-style:none;
margin: 8px 10px;
border: 1px #dbe6eb solid;
-moz-box-shadow: 2px 2px 6px #dbe6eb;
-webkit-box-shadow: 2px 2px 6px #dbe6eb;
box-shadow: 2px 2px 6px #dbe6eb;
}


#cglist a:hover img {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background: #fff;
}


/*----------------------------------------------------
	#comic
----------------------------------------------------*/

#comiccontents {
width: 400px;
margin: 0 auto;
text-align: center;
}


iframe .comiiframe {
width: 420px;
height: 1200px;
}


/*----------------------------------------------------
	#diary
----------------------------------------------------*/
#diarycontents {
width: 720px;
margin: 80px auto;
text-align: left;
}


h4 {
margin: 0 auto;
color: #0a4b7d;
font-size: 16px;
font-weight: bold;
padding: 0 0 0 26px;
background:url(../../img/diary-icon.png) 0 5px no-repeat;
}

.date {
font-weight: bold;
color: #1388c4;
font-size: 12px;
line-height: 1;
padding: 0 0 20px 26px;
}


.posted {
color: #a5b5c3;
font-size: 10px;
padding: 15px 0 0 5px;
}


ul#diarylist li{
letter-spacing: -0.04em;
font-size: 16px;
list-style:none;
float:left;
padding: 0 6px 3px 6px;
}

#diarylist #new {
font-size: 11px;
padding:3px 6px 0 6px;
}


/*----------------------------------------------------
	#special
----------------------------------------------------*/


#special-box1 {
width: 880px;
height: 37px;
background: url(../../img/special_box1.png) no-repeat top;
}

#special-box2 {
width: 880px;
background: url(../../img/special_box2.png) repeat-y;
border-bottom: 1px #d4dbe5 solid;
padding:0 0 20px 0;
margin:0 0 20px 0;
}

#sp-boxinnerL {
float: left;
width: 400px;
margin: 0 auto;
}

#sp-boxinnerR {
float: left;
width: 480px;
color: #496ca0;
text-align: left;
margin: 0 auto;
text-shadow:1px 1px 0px #eff3f7;
}


.tex90 {
text-align: left;
width: 800px;
margin:20px 0;
padding:0 0 0 20px;
}





#bn710x160 {
width: 710px;
margin: 0 auto;
}
#bn710x160 ul {
list-style:none;
}
#bn710x160 ul li {
list-style:none;
float:left;
margin: 20px 0 0 0;
}
#bn710x160 textarea {
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
font-size: 10px;
color: #6a747f;
border: 1px #afc3d5 solid;

width: 710px;
height: 3em;
padding: 3px;
}



#bn150x600 {
width: 510px;
margin: 20px auto;
}
#bn150x600 ul {
list-style:none;
}
#bn150x600 ul li {
list-style:none;
float:left;
padding: 10px 10px;
}
#bn150x600 textarea {
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
font-size: 10px;
color: #6a747f;
border: 1px #afc3d5 solid;
width: 150px;
height: 5em;
padding: 3px;
}



#bn200x200 {
width: 630px;
margin: 20px auto;
}
#bn200x200 ul {
list-style:none;
}
#bn200x200 ul li {
list-style:none;
float:left;
padding: 5px 5px;
}
#bn200x200 textarea {
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
font-size: 10px;
color: #6a747f;
border: 1px #afc3d5 solid;

width: 200px;
height: 3em;
padding: 3px;
}



#bn200x40 {
width: 630px;
margin: 20px auto;
}
#bn200x40 ul {
list-style:none;
}
#bn200x40 ul li {
list-style:none;
float:left;
padding: 5px 5px;
}
#bn200x40 textarea {
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
font-size: 10px;
color: #6a747f;
border: 1px #afc3d5 solid;

width: 200px;
height: 3em;
padding: 3px;
}


#bntwitter {
width: 690px;
margin: 20px auto;
font-size: 10px;
line-height: 100%;
}
#bntwitter ul {
list-style:none;
}
#bntwitter ul li {
list-style:none;
float:left;
padding: 5px 5px;
}





#tokutenbox {
width: 100%;
}

#tokutenbox ul {
list-style:none;
}

#tokutenbox ul li {
list-style:none;
float:left;
margin: 10px;
}

#tkt_inner {
text-align: center;
width: 398px;
height: 375px;
padding: 10px;
border: 1px #8bc2df solid;
background:#FFF;
}

#tkt_inner #tkt_title {
text-align: left;
background: #deecf4;
padding: 1px 0 1px 15px;
margin:0 0 15px 0;
font-size: 1.3em;
color: #085780;
border-left: 6px #ec6da5 solid;
}

#tkt_inner p {
font-size: 1.2em;
color: #ec6da5;
font-weight: bold;
}


#tkt_inner a:hover img {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background: #fff;
}

#tkt_inner .tkline {
border: 1px #c7d8e0 solid;
}





/*----------------------------------------------------
	#footer
----------------------------------------------------*/



#sitemapsbox {
width: 100%;
min-width: 1050px;
margin:  0 auto;
background: #e6ecef;
}

#sitemapsboxinner {
width: 960px;
margin:  0 auto;
padding: 20px 0 ;
text-align: center;
}


#sitemapsbox:after {
content:"";
display:block;
height:0;
clear:both;
visibility:hidden;
}


.sitemaps {
float:left;
width:120px;
font-size:10px;
line-height: 1;
text-align: left;
}

#sitemapz {
float:right;
text-align: right;
width:120px;
}



.sitemaps li {
padding-bottom:5px;
}

.sitemaps li ul {
padding:10px 0;
}

.sitemaps li li {
margin-bottom:1px;
}

.sitemaps li a,
.sitemaps li span {
padding:2px 14px;
background:url(../../img/mark_01.png) 0 2px no-repeat;
color:#0094e0;
text-decoration:none;
}

.sitemaps li a:hover {
background:url(../../img/mark_09.png) 0 2px no-repeat;
color:#8ce0ff;
text-decoration:underline;
}

.sitemaps li li a,
.sitemaps li.sub a {
background:url(../../img/mark_02.png) 0 0.2em no-repeat;
color:#0094e0;
text-decoration:underline;
}

.sitemaps li li a:hover,
.sitemaps li.sub a:hover {
background:url(../../img/mark_02.png) 0 0.2em no-repeat;
color:#8ce0ff;
}


/*----------------------------------------------------
	#DL
----------------------------------------------------*/

#dlbox {
text-align: left;
padding:50px 0;
}

#dlbox .dlp {
line-height: 1;
padding: 2px 0 30px 15px;
font-size: 14px;
color: #00a0e9;
background:url(../../img/navi_icon.png) 0 3px no-repeat;
}

#dlboxinner {
width: 800px;
background: url(../../img/DL_icon_bg.png) repeat-x center 15px;
float:left;
margin: 1px 0;
}

#dlboxtempo {
float:left;
padding:6px 3px 0 15px;
font-size: 12px;
background: #FFF url(../../img/mark_01.png) 0 12px no-repeat;
}
#dlboxlinks {
width: 480px;
float: right;
padding:8px 0px 3px 3px;
background: #FFF;
}
#dlboxlinks a:hover img {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background: #fff;
}


/*----------------------------------------------------
	#DL
----------------------------------------------------*/


#goods {
margin: 0 auto;
width: 880px;
}
#goods2 {
margin: 0 auto;
width: 285px;
}

ul#pillowlist {
list-style:none;
}
ul#pillowlist li{
float:left;
list-style:none;
margin: 15px ;
border: 1px #dbe6eb solid;
-moz-box-shadow: 2px 2px 6px #dbe6eb;
-webkit-box-shadow: 2px 2px 6px #dbe6eb;
box-shadow: 2px 2px 6px #dbe6eb;
}



#cglist a:hover img {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background: #fff;
}


.linegoods {
margin: 8px 10px;
border: 1px #dbe6eb solid;
-moz-box-shadow: 2px 2px 6px #dbe6eb;
-webkit-box-shadow: 2px 2px 6px #dbe6eb;
box-shadow: 2px 2px 6px #dbe6eb;
}



#dlsofth {
width: 880px;
margin: 0 auto;
}

table.table2 {
color: #039ee9;
font-size: 22px;
font-weight: bold;
width: 650px;
}
table.table2 th,
table.table2 td {
padding: 6px 15px;
text-align: center;
}

/*----------------------------------------------------
	#yoyakushop
----------------------------------------------------*/

#inner3 {
width: 290px;
float:left;
font-size: 12px;
margin:20px 1px 0 0;
text-align: left;
line-height: 1.4em;
}



/*----------------------------------------------------
	#ouen
----------------------------------------------------*/


#ouenmenu {
width: 560px;
margin:15px auto 0;
}

#ouenin {
width: 140px;
margin:0 auto;
float:left;
}

#ouenin a:hover img {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background: #fff;
}

#ouenin img {
border: 1px #dbe6eb solid;
-moz-box-shadow: 2px 2px 6px #dbe6eb;
-webkit-box-shadow: 2px 2px 6px #dbe6eb;
box-shadow: 2px 2px 6px #dbe6eb;
}

iframe .ouen-frame {
width: 600px;
height: 950px;
background-color: #fff;
}

.o-enimg {
border: 1px #dbe6eb solid;
-moz-box-shadow: 2px 2px 6px #dbe6eb;
-webkit-box-shadow: 2px 2px 6px #dbe6eb;
box-shadow: 2px 2px 6px #dbe6eb;
}

#o-enlinks a:hover img {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background: #fff;
}

/*----------------------------------------------------
	#Cdv
----------------------------------------------------*/

#Cdv_27 {
width: 117px;
height: 117px;
padding:15px 0 0 0;
}





.FloatEnd {clear:both;}