/*
Theme Name: アセンション
Theme URI:
Description: A theme by <a href="http://www.riopopo.com">Riopopo</a>.
Version: 1
Author: Riopopo
Author URI:

*/

@charset "UTF-8";
html{
background:black;
	}

body,div,p,h1,h2,h3,h4,h5,h6,ul,li,ol,a,table,th,td,dl,dt,dd{
margin:0;
padding:0;
color:black;
font-family:Gill sans,Helvetica,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,"ＭＳ Ｐゴシック","MS PGothic", sans-serif;
word-wrap: break-word;
}
	
a{
text-decoration:none;
outline:none;
}

a:hover{
text-decoration:underline;
	}

:focus{
    outline:none;   }

p{
line-height:1.8em;
letter-spacing:0.03em;
word-wrap:break-word;
font-size:0.9em;
}

img,embed{
border:none;
padding:5px;
background:#ccc url(img/dott.gif) 0 0 repeat;
border-radius:5px;
}

a:hover img{
opacity:0.8;
filter:alpha(opacity=80)\9; /* IE8 and below */
	}

h1 a:hover img{
opacity:1;
	}

h1{
width:250px;
height:73px;
position:absolute;
top:5px;
right:-5px;
}

h1 a{
display:block;
width:250px;
height:67px;
}

h2{
padding:55px 0 12px 0;

}
h1 img,h2 img,#menu img,.to-top img,.goods-rule img{
padding:0;
background:none;
border-radius:0;
	}

p{
padding-bottom:2em;
	}

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

dl,dt,dd{
line-height:1.8em;
font-size:0.97em;
}

table{
border-spacing: 0;
border-collapse: collapse;
font-size:0.9em;
line-height:1.6;
border-top: 1px #ccc solid;
	}
	
tr{
margin-top:-2px;
	}
th{
background-color:black;
border-bottom: 1px #ccc solid;
border-right: 1px #ccc solid;
border-left: 1px #ccc solid;
padding:10px;
color:white;
width:100px;
text-align:left;
font-size:0.9em;
	}
td{
background-color:white;
border-bottom: 1px #ccc solid;
border-right: 1px #ccc solid;
padding:10px;
	}
	
.table-line-top{
	border-top: 2px #ff7f00 solid;
	}
	
hr{
	clear: both;
    border:none;
    border-top:dashed 1px #CCC;
    height:1px;
    color:#FFFFFF;
    margin: 0 20px 15px 20px;
}
	
/*===== BODY =====*/

body{
background-color:#f4f4f4;
font-size:1em;
background-repeat:repeat-x;
background-position:0 0;
overflow-x:hidden;
margin:0;
padding:0;
}

#wrap{
width:900px;
height:auto;
margin:0 auto;
position:relative;
}

#head{
width:900px;
height:77px;
posiion:relative;
}

/*===== メニュー =====*/

#menu{
position:absolute;
top:40px;
left:-10px;
width:700px;
z-index:100;
	}

#menu ul li{
width:700px;
height:60px;
float:left;
text-indent:-5000px;
	}
#menu ul li.menu-hom{width: 87px;}
#menu ul li.menu-wor{width: 101px;}
#menu ul li.menu-goo{width: 88px;}
#menu ul li.menu-abo{width: 102px;}
#menu ul li.menu-rec{width: 101px;}
#menu ul li.menu-dia{width: 102px;}
	
#menu ul li a{
display:block;
height:60px;
background-color:transparent;
background-repeat:no-repeat;
background-position:0 0;
	}
	
#menu ul li a:hover img{
opacity:1;
	}

#menu ul li.menu-hom a{
width: 87px;
background-image:url(img/menu1.png);
}
#menu ul li.menu-wor a{
width: 101px;
background-image:url(img/menu2.png);
}
#menu ul li.menu-goo a{
width: 88px;
background-image:url(img/menu3.png);
}
#menu ul li.menu-abo a{
width: 102px;
background-image:url(img/menu4.png);
}
#menu ul li.menu-rec a{
width: 101px;
background-image:url(img/menu5.png);
}
#menu ul li.menu-dia a{
width: 102px;
background-image:url(img/menu6.png);
}


#menu ul li.menu-hom a:hover{
background-position:0 -60px;
}
#menu ul li.menu-wor a:hover{
background-position:0 -60px;
}
#menu ul li.menu-goo a:hover{
background-position:0 -60px;
}
#menu ul li.menu-abo a:hover{
background-position:0 -60px;
}
#menu ul li.menu-rec a:hover{
background-position:0 -60px;
}
#menu ul li.menu-dia a:hover{
background-position:0 -60px;
}

#menu ul li.current-menu-item a,#menu ul li.current-page-ancestor a,#menu ul li.current-menu-parent a{
background-position:0 -60px;
}		

/*===== MAIN =====*/
#main:after,.main1:after,.main2:after,.goods-link:after {
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

.main1,.main2,#news,#twitter-widget-0,#facebook{
background-color:white;
-webkit-border-radius:7px;
-moz-border-radius:7px;
-ms-border-radius:7px;
-o-border-radius:7px;
border-radius:7px;
-webkit-box-shadow: 0 3px 5px #ccc;
-moz-box-shadow: 0 3px 5px #ccc;
box-shadow: 0 3px 5px #ccc;

padding:20px;

	}
	
.main1,.main2{
margin-top:10px;
min-height:400px;
	}

.main2{
width:640px;
}

.main1 iframe,.main2 iframe{
border:none;
padding:5px;
background:#ccc url(img/dott.gif) 0 0 repeat;
border-radius:5px;
}

/*===== FOOT =====*/	

#foot{
background:black url(img/foot1.gif) 0 0 repeat-x;
width:100%;
height:100%;
margin-top:20px;

	}

#foot-wrap{
width:900px;
height:80px;
margin:0 auto;
padding:150px 0 0 0;
posiion:relative;
color:white;
text-align:right;
background:transparent url(img/foot-logo.gif) 0 bottom no-repeat;
position:relative;
}

#menu-footer{
position:absolute;
top:175px;
right:0;
z-index:50;
	}

#menu-footer li{
float:left;
	}

#menu-footer li a{
color:white;
padding:0;
margin:0 0 0 15px;
text-decoration:none;
font-size:0.9em;
	}
#menu-footer li a:hover{
border-bottom:1px dashed white;
	}
	
address{
position:absolute;
top:200px;
right:0;
z-index:40;
}

/*===== とびら =====*/
#welcome{
position:relative;
width:100%;
height:auto;
margin:0;
padding:0;
	}
	
#welcome #wrap{
position:fixed;
bottom:30px;
right:30px;
padding:0;
margin:0;
width:100%;
	}

#welcome #wrap img{
padding:0;
float:right;
	}
	
#welcome h3{
position:fixed;
bottom:40px;
left:60px;
padding:0;
margin:0;
width:200px;
	}
	
#welcome h3 a{
color:white;
	}


/*===== ほーむ =====*/
#top{
clear:both;
width:893px;
margin-bottom:7px;
	}
#top:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#topimg{
width:680px;
float:left;
position: relative;
width: 680px;
height: 320px;
-webkit-border-radius:7px;
-moz-border-radius:7px;
-ms-border-radius:7px;
-o-border-radius:7px;
border-radius:7px;
-webkit-box-shadow: 0 3px 5px #ccc;
-moz-box-shadow: 0 3px 5px #ccc;
box-shadow: 0 3px 5px #ccc;
	}
	
#topimg div{

position: absolute;
width: 680px;
height: 320px;
top: 0;
left: 0;
z-index:8;
	}
	
#topimg div img{
padding:0;
background:none;
border-radius:0;

	}

#topimg div.active { z-index:10; }

#topimg div.last-active { z-index:9; }
	
	
#banner{
width:194px;
float:right;
	}
#banner ul li{
margin-bottom:10px;
width:204px;
height:72px;
clear:both;
	}
	
#banner ul li a{
width:204px;
height:72px;
display:block;
margin-bottom:10px;
	}
	
#banner ul li a span{
text-indent:-9999px;
width:194px;
display:block;
	}

#news{
width:403px;
height:607px;
float:left;
	}
	
div.flexcroll{
width:403px;
height:530px;
overflow:auto;
position:relative;
	}
	
/* NEWSのスクロール */
/* 本体 */
.scrollgeneric {
    line-height:1px;
    font-size:1px;
    position:absolute;
    top:0;
    left:0;
}
/* 縦スクロール範囲 */
.vscrollerbase {
    width:9px;
    background:white url(img/scroll_bg.gif) 1px 0 repeat-y;
}

/* 縦スクロールバー */
.vscrollerbar {
    width:9px;
	background:white url(img/scroll_bar.gif) 0 0 repeat-y;
    border:1px solid #bbb;
}
/* NEWSのスクロール 終了 */
#news h2{
border-bottom:1px dashed #ccc;
padding:3px 0 15px 0;
	}

#news div ol{
list-style-position: inside;
margin-right:15px;
}

#news div ol li{
border-bottom:1px dashed #ccc;
font-size:0.85em;
	}

#news div ol li a{
position:relative;
display:inline-block;
padding:10px 0 0 5px;
margin:0 0 7px 0;
color:black;
text-decoration:none;
text-indent:-11em;
padding-left:11.3em;
width:235px;
*padding-left:13.5em; /* IE7 and below */
	}
	
#news div ol li a span{
border-radius:5px;
padding:3px;
display:inline-block;
width:45px;
background:transparent url(img/dott-news.gif) repeat;
color:white;
text-align:center;
text-indent:0;
font-size:0.7em;
margin:0 7px;
	}
#news div ol li a:hover{
color:#2d8700;
	}

#twitter-widget-0{
float:right;
margin-bottom:17px;
padding: 0;
width:440px;
	}
	

#facebook{
width:440px;
height:280px;
float:right;
padding:0;
border:none;
background-color:white;
border-radius:5px;
	}

#facebook iframe{
background-color:white;
}


/*===== さくひん =====*/
.works1,.works2{
background:white url(img/film-works.jpg) 0 0 no-repeat;
	}
.works1 .bread,.works1 a,.works2 .bread,.works2 a{
color:#3d5eea;
	}
.works1 div.contents{
width:760px;
height:auto;
background:white url(img/works-bg.gif) 15px 0 no-repeat;
padding:30px 0 0 100px;

	}
	
.works1 div.contents:after,.works2 div.contents:after {
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}	

.works1 div.contents div{
width:210px;
height:210px;
float:left;
margin:0 17px 5px 0;
	}
	
.works1 div.contents div a{
color:black;
	}
	
.works1 div.contents div a:hover{
text-decoration:none;
	}	
	
.works1 h3{
font-size:1em;
padding:0.3em 0 0 0;
margin:0 0 0.1em 0;
	}
	
.works1 p{
line-height:1.1;
font-size:0.8em;
margin:0;
padding:0 0 0 0.2em;
	}
	
.works2 div.contents{
padding:0 20px 20px 20px;
margin-top:-20px;
	}
	
	
.works-img img,.works-img iframe{
margin-bottom:10px;
width:440px;
	}
	
.works-img embed{
margin-bottom:10px;
width:450px;
	}


.works2 h3{
border-bottom:1px solid black;
margin:-0.5em 20px 1em 0;
padding:0 0 0.5em 0;
font-size:1.5em;
width:345px;
float:right;
	}
	
.works2 h3 span{
color:#777;
font-size:0.5em;
line-height:3.5em;
	}

.works-txt{
width:345px;
padding-top:0;
float:right;
	}

#staff{
color:#777;
font-size:0.77em;
padding:0 20px;
	}	
	
.works-img{
width:455px;
float:left;
	}
	
	

/*===== ぐっず =====*/
.goods{
background:white url(img/film-goods.jpg) 0 0 no-repeat;
	}
	
div.contents2{
padding:0 20px 20px 20px;
margin-top:-10px;
	}

div.contents1{
padding:0 0 20px 20px;
margin-top:-10px;
	}

div.contents1:after,div.contents2:after {
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
	
.goods h3{
font-size:1em;
padding-top:0.3em;
margin-bottom:0.2em;
	}
	
.goods div.goods-all div{
width:190px;
float:left;
margin-right:15px;
	}
.goods div.goods-all div p{
line-height:1.3;
font-size:0.85em;
	}

.goods div.goods-all div p span{
font-weight:bold;
line-height:1.7;
font-size:1em;
	}

#goods-img{
width:280px;
padding:0;
margin:0;
float:left;
	}

#goods-txt{
width:280px;
padding:0;
margin:0;
float:right;
	}
	
table#goods-info{
padding:5px;
background:#ccc url(img/dott.gif) 0 0 repeat;
border-radius:5px;
width:280px;
font-size:0.8em;
	}
	
table#goods-info th{
background-color:white;
color:black;
padding:3px 5px;
	}
	
table#goods-info td{
padding:3px 5px;
	}
	
#navi-goods{
position:absolute;
right:0;
top:85px;
width:204px;
z-index:100;
	}
	
#navi-goods ul li{
text-indent:-5000px;
	}
	
.navi-goods1{
width:204px;
height:62px;
	}
	
.navi-goods1 a{
display:block;
width:204px;
height:63px;
background:transparent url(img/navi-goods1.jpg) 0 -62px no-repeat;
	}
	
.navi-goods2{
width:204px;
height:90px;
	}
	
.navi-goods2 a{
display:block;
width:204px;
height:90px;
background:transparent url(img/navi-goods2.jpg) 0 -90px no-repeat;
	}
	
.navi-goods3{
width:204px;
height:97px;
	}
	
.navi-goods3 a{
display:block;
width:204px;
height:97px;
background:transparent url(img/navi-goods3.jpg) 0 -97px no-repeat;
	}
	
#navi-goods ul li.current-menu-item a,.navi-goods1 a:hover,.navi-goods2 a:hover,.navi-goods3 a:hover{
background-position: 0 0;
	}		

.goods .bread,.goods a,.goods2 .bread,.goods2 a{
color:#ff5b6b;
	}
h4 strong{
color:#ff7582;
	}
	
p a.emerald{
color:#01c9aa;
text-decoration:underline;
}

.buy-btn{
width:280px;
height:52px;
text-indent:-5000px;
	}

.buy-btn a {
display:block;
width:280px;
height:52px;
background:transparent url(img/buy.gif) 0 0 no-repeat;
	}
	
.buy-btn a:hover{
background-position:0 -52px;
	}
	
h2.title{
width:680px;
margin:100px 0 30px -20px;
padding:10px 0;
font-size:1.2em;
text-align:center;
background:transparent url(img/dott.gif) 0 0 repeat;
	}
	
h3.title{
width:680px;
margin:0 0 30px -20px;
padding:10px 0;
font-size:1.2em;
text-align:center;
background:transparent url(img/dott.gif) 0 0 repeat;
	}

div.goods-first1,div.goods-first2,div.goods-first3{
width:600px;
margin-left:-20px;
padding:100px 40px 40px 40px;
position:relative;
	}
	
div.goods-first1{
background:#d0d0d0 url(img/goods-bg1.gif) 0 0 no-repeat;
	}
	
div.goods-first2{
background:#d0d0d0 url(img/goods-bg2.gif) 0 0 no-repeat;
	}
	
div.goods-first3{
background:#d0d0d0 url(img/goods-bg3.png) 0 0 no-repeat;
margin-bottom:-20px;
	}
	
div.goods-first1 h3,div.goods-first2 h3,div.goods-first3 h3{
position:absolute;
background:transparent url(img/goods-circle.png) 0 0 no-repeat;
width:146px;
height:146px;
padding:50px 0;
text-align:center;
color:white;
}

div.goods-first1 h3,div.goods-first3 h3{
top:20px;left:30px;
	}
	
div.goods-first2 h3{
top:20px;right:30px;
	}
	
div.goods-first1 p,div.goods-first3 p{
margin-left:180px;
	}
	
div.goods-first1 h4{
margin:0 0 20px 172px;
	}
	
div.goods-first2 p{
width:400px;
	}

.goods-link{
margin:40px auto;
width:450px;
	}
	
.goods-link .menu-item-359{
border-right:1px dotted black;
	}
	
.goods-link ul li{
float:left;
padding:0 10px;
	}
		
.goods-link a{
color:black;
font-weight:bold;
}

.goods-rule h4{
margin:-60px 0 15px 85px;
	}
	
.goods-rule p{
margin:0 0 20px 85px;
	}
	
	
#mailform h3.title{
margin-left:-40px;
	}
	
#mailform dl dt img{
padding:0;
background:none;
	}

/*===== かいしゃ =====*/
.about{
background:white url(img/film-about.jpg) 0 0 no-repeat;
	}
	
.about .contents2{
margin-top:30px;
	}
	
#access{
background:white url(img/about-bg1.jpg) 0 0 no-repeat;
width:680px;
margin:20px 0 0 -20px;	
	}
#contact{
background:white url(img/about-bg2.jpg) 0 0 no-repeat;
width:660px;
margin:0 0 0 -20px;
padding:100px 0 0 20px;
	}
	
#navi-about{
position:absolute;
right:0;
top:85px;
width:204px;
z-index:100;
	}
	
#navi-about ul li{
text-indent:-5000px;
	}
	
.navi-about1{
width:204px;
height:69px;
	}
	
.navi-about1 a{
display:block;
width:204px;
height:69px;
background:transparent url(img/navi-about1.jpg) 0 -69px no-repeat;
	}
	
.navi-about2{
width:204px;
height:70px;
	}
	
.navi-about2 a{
display:block;
width:204px;
height:70px;
background:transparent url(img/navi-about2.jpg) 0 -70px no-repeat;
	}
	
.navi-about3{
width:204px;
height:71px;
	}
	
.navi-about3 a{
display:block;
width:204px;
height:71px;
background:transparent url(img/navi-about3.jpg) 0 -71px no-repeat;
	}
	
#navi-about ul li.now a,.navi-about1 a:hover,.navi-about2 a:hover,.navi-about3 a:hover{
background-position: 0 0;
	}		

.about .bread,.about a{
color:#ff6600;
	}
	

#contact-list{
background-color:#ccc;
width:390px;
margin:0 auto;
padding:30px 0 30px 90px;
line-height:1.5;
font-size:0.9em;
border-radius:7px;
	}
#contact-list li{	
list-style:disc;
}


p.mail{
width:250px;
height:30px;
margin:0 auto;
text-align:center;
	}
p.mail a{
text-decoration:underline;
font-size:1.2em;
display:block;
width:250px;
height:30px;
	}
	
p.mail a:hover{
color:red;
	}

/*===== ぼしゅう =====*/
.recruit{
background:white url(img/film-recruit.jpg) 0 0 no-repeat;
	}


/*===== にっき =====*/
.diary{
background:white url(img/film-diary.jpg) 0 0 no-repeat;
	}
.page{
text-align:center;
font-weight:bold;
	}
	
.page a.now{
color:red;
text-decoration:underline;
	}
	
.column{
padding:0 40px;
margin-bottom:40px;
	}
	
.column h3{
background:transparent url(img/dott.gif) 0 0 repeat;
position:relative;
padding:10px 82px 10px 10px;
margin-bottom:25px;
	}
	
.column img{
margin:15px;
	}
	
span.day{
background:transparent url(img/diary-bg.png) 0 0 no-repeat;
width:53px;
height:52px;
padding:20px;
display:block;
text-align:center;
position:absolute;
top:-23px;
right:-10px;
color:white;
	}
	
#navi-diary{
position:absolute;
right:0;
top:85px;
width:204px;
z-index:100;
	}
	
#navi-diary h2{
margin:0;
padding:0;
	}

#navi-diary form{
margin-bottom:17px;
width:204px;
height:30px;
position:relative;
	}
	
.search_txt{
background:transparent url(img/search.gif) 0 0 no-repeat;
border:none;
width:151px;
height:30px;
padding:0 10px;
	}
	
.search_btn{
background:transparent url(img/search.gif) top right no-repeat;
border:none;
width:33px;
height:30px;
margin:0;
padding:0;
cursor:pointer;
position:absolute;
top:0;
right:0;
	}
	
#navi-diary ul{
background:black url(img/navi-diary-bg.gif) bottom left no-repeat;
color:white;
padding-bottom:1.2em;
margin-bottom:17px;
}

#navi-diary ul li{

	}

#navi-diary ul li a{
display:block;
padding:0.5em 0.2em;
font-size:0.8em;
color:white;
border-top:1px dotted #333;
width:80%;
margin:0 auto;
}

#navi-diary ul li a:hover{
color:red;
text-decoration:none;
}


/*===== サイトマップ =====*/
#sitemap_list li{
list-style:disc;
line-height:1.5;
	}
	
#sitemap_list li ul.children{
margin-left:2em;
	}
#sitemap_list li ul.children li{
list-style:circle;
}


/*===== CLASS =====*/	

.noborder{border:none;}
.dash{ border-bottom:1px dashed #ccc; }
.clear{clear:both;}
.disc{list-style:disc;}
.big{font-size:1.2em;}
.orange{color:#ff7f00;}
.red{color:red;}
.green{color:#2d8700;}

.p0{padding:0;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pr20{padding-right:20px;}
.pr50{padding-right:50px;}
.pr250{padding-right:250px;}
.pl20{padding-left:20px;}
.pl50{padding-left:50px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mt-20{margin-top:-20px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mr0{margin-right:0;}
.mr20{margin-right:20px;}
.mr80{margin-right:80px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml-20{margin-left:-20px;}


.it1{text-indent:1em;}


.center{margin:0 auto;}
.large{font-size:1.2em;}
.flt_r{float:right;}
.flt_l{float:left;}

.to-top,.tar{text-align:right;}
.tac{text-align:center;}

.uc{
font-size:2.5em;
color:#ccc;
font-weight:bold;
letter-spacing:-0.07em;
	}

/*------------ ページ送り ---------------*/
.wp-pagenavi{
text-align:center;
margin:0 10px 6px 0;
letter-spacing:0.2em;
font-size:0.9em;
}

.wp-pagenavi a{
padding:2px;
	}

.wp-pagenavi a:hover{
text-decoration:underline;
color:#db0000;
}
.current{
font-weight:bold;
color:#db0000;
}