@charset "UTF-8";
/* CSS Document */

/* -----------------------
上から
　1.共通部分（header,menu,address等）
	2.トップの設定(left,rightのsideber等)
	3.アバウトの設定
	4.ワークスの設定
	5.ギャラリーの設定
	6.リンクの設定
----------------------- */
/* -----------------------
　共通部分　ここから
----------------------- */
img {
border:none;
}
body{
	width:100%;
	padding:0;
	margin:0;
	background-color:#b9b9b9;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
h1{
	font-size:5em;
	font-weight:normal;
	line-height:1em;
	margin:0 0 20px;
	padding:0;
}
h2{
	font-size:1.5em;
	font-weight:normal;
	line-height:1em;
	margin:20px 0 10px;
	padding:0 0 0 7px;;
	border-bottom:#303340 dashed 1px;
	border-left:#303340 solid 15px;
	clear:both;
}
h2 span{
	color:#5b5a81;
	font-size:0.6em;
	padding:0 0 0 10px;
}
body .contents{
	font-size:0.8em;
	height:100%;  
  overflow:auto;
	width:960px;
	margin:0 auto 0;
	padding:80px 5px 0;
	background:transparent url(img/body_back2.png) repeat-y 0 0;
}
/* news s */
body.news dl{
	font-size:0.7em;
	background-color:#303340;
	color:#cfcfcf;
	margin:0;
	padding:0;
}
body.news dl dt{
	font-size:1.1em;
	margin:0;
	padding:0;
	border-bottom:#cfcfcf dotted 1px;
}
body.news dl dd{
	line-height:1.5em;
	margin:5px 0 10px;
	padding:0;
	border-bottom:#cfcfcf dotted 1px;
}
/* news e */
/* header s */
#header{
	position:fixed; 
	top:0; 
	left:0;
	width:100%;
	height:100px;
	background:transparent url(img/header_base2.png) repeat-x 0 0;
	padding:0;
	margin:0;
}
#header #topmenu{
	height:100px;
	background:transparent url(img/header_base3.png) no-repeat -20px -2px;
	width:960px;
	margin:0 auto;
	padding:0;
}

#header #topmenu ul#menubuttan li#rogomark{
	margin:0;
	padding:0;
}
#header #topmenu ul#menubuttan li#rogomark a{
	margin:0;
	padding:0;
}
#header #topmenu ul#menubuttan li#rogomark a:hover{
	text-decoration:none; 
	color:#303441;
	margin:0;
	padding:0;
	background-color:transparent;
}
#header #topmenu ul#menubuttan li img{
	background:transparent url(img/header_line.png) no-repeat 100% 0;
	margin:0;
	padding:0;
}
#header #topmenu ul{
	height:90px;
	color:#cfcfcf;
	list-style:none;
	float:left;
	margin:0;
	padding:0;
}
#header #topmenu li{
	height:45px;
	display:block;
	font-size:0.8em;
	float:left;
	margin:30px 20px 0 20px;
	padding:0;
}
#header #topmenu ul#menubuttan{
	margin:0;
	padding:0 5px;
}
#header #topmenu ul#menubuttan li {
	display:block;
	font-size:0.8em;
	float:left;
	margin:0;
	padding:0;
}
#header #topmenu ul#menubuttan li a{
	text-decoration:none; 
	height:50px;
	color:#cfcfcf;
	display:block;
	margin:0;
	padding:30px 10px 0 10px;
}#header #topmenu ul#menubuttan li a:hover{
	text-decoration:none; 
	height:50px;
	background-color:#a7b3bf;
	color:#303441;
	display:block;
	margin:0;
	padding:30px 10px 0 10px;
}
#header #topmenu ul#topicon{
	background:transparent url(img/header_line.png) no-repeat 0 0;
	margin:0;
	padding:0;
}
#header #topmenu ul li.snsicon{
	text-indent:-9999px;
	padding:0;
	margin:20px 5px 0 5px;
}
#header #topmenu ul li.snsicon a{
	width:35px;
	height:35px;
	display:block;
}
#header #topmenu ul li.twitter a{background:transparent url(img/icon_off_twitter.png) no-repeat 0 0;}
#header #topmenu ul li.pixiv a{background:transparent url(img/icon_off_pixiv.png) no-repeat 0 0;}
#header #topmenu ul li.tumbler a{background:transparent url(img/icon_off_tumbler.png) no-repeat 0 0;}
#header #topmenu ul li.sticam a{background:transparent url(img/icon_off_sticam.png) no-repeat 0 0;}
#header #topmenu ul li.tinami a{background:transparent url(img/icon_off_tinami.png) no-repeat 0 0;}

#header #topmenu ul li.twitter a:hover{background:transparent url(img/icon_on_twitter.png) no-repeat 0 0;}
#header #topmenu ul li.pixiv a:hover{background:transparent url(img/icon_on_pixiv.png) no-repeat 0 0;}
#header #topmenu ul li.tumbler a:hover{background:transparent url(img/icon_on_tumbler.png) no-repeat 0 0;}
#header #topmenu ul li.sticam a:hover{background:transparent url(img/icon_on_sticam.png) no-repeat 0 0;}
#header #topmenu ul li.tinami a:hover{background:transparent url(img/icon_on_tinami.png) no-repeat 0 0;}

/* header e */

/* contents s */
dl dt{
	font-size:1.5em;
	margin:0;
	padding:0;
}
body.top .contents{
	font-size:0.8em;
	height:100%;  
  overflow:auto;
	width:960px;
	margin:50px auto 0;
	padding:0 5px 0;
	background:transparent url(img/body_back.png) repeat-y 0 0;
}
.contents ul,li{
	list-style:none;
	margin:0;
	padding:0;
}
.contentsbox{
	margin:0;
	padding:0 0 10px;
	border-bottom:#303340 dotted 1px;
}
p#pagetop{
	display:block;
	text-align:right;
	margin:25px 0 0 0;
	padding:0;
}
p#pagetop a{
	clear:both;
	color:#303340;
	text-decoration:none;
	margin:0;
	padding:26px 40px 0  0;
	background:transparent url(img/gototop_mari.gif) no-repeat 7em 0;
}
p#pagetop a:hover{
	background:transparent url(img/gototop_mari2.gif) no-repeat 7em 4px;
}
/* contents e */
#warap{
	margin:0;
	padding:15px 15px 0;
}
/* address s */
address{
	width:100%;
	color:#cfcfcf;
	font-size:0.8em;
	font-style:normal;
	text-align:center;
	margin:0 auto;
	padding:10px 0;
	background:#5b5a81;
	border-top:#cfcfcf 1px dashed;
}
/* address e */
/* -----------------------
　共通部分　ここまで
----------------------- */
/* -----------------------
　トップの設定 ここから
----------------------- */
.top .contents h1{
	margin:0;
	padding:0;
}
.top h2#welcome{
	margin:10px 0 5px 0;
	padding:0;
	font-weight:normal;
	border:none;
}
.top h2{
	margin:10px 0 5px 0;
	font-weight:normal;
}
#leftsideber .contentsbox{
	margin:0;
	padding:0 0 5px;
	border-bottom:#cfcfcf dotted 1px;
}
/* leftsideber s*/
#leftsideber{
	color:#cfcfcf;
	width:330px;
	margin:0;
	padding:0 15px 0;
	float:left;
}
#leftsideber dl{
	margin:10px 0 0 0 ;
	padding:0;
}
#leftsideber dl#newsframe{
	background:transparent url(img/top_news_bottom.jpg) no-repeat 0 100%;
	width:333px;
	margin:10px 0 15px 0 ;
	padding:0 0 5px;
}
#leftsideber dl#newsframe dt{
	background:transparent url(img/top_news_top.jpg) no-repeat 0 100%;
	margin:0;
	padding:0 0 10px;
}
#leftsideber dl#newsframe dd{
	background:transparent url(img/top_news_body.jpg) repeat-y 0 0;
	margin:0;
	padding:0;
}
#leftsideber dl#newsframe dd iframe{
	margin:0;
	padding:0 0 0 4px;
	overflow:hidden;
}
#leftsideber dl dd ul{
	margin:10px 0 0 0 ;
	padding:0;
}
/* leftsideber e*/
/* rightsideber s */
#rightsideber{
	color:#303340;
	width:570px;
	background-color:#cfcfcf;
	margin:0;
	padding:0 15px 10px;
	float:left;
}
#rightsideber dd{
	margin:0 0 0 20px;
	padding:0;
}
#rightsideber dl{
	margin:10px 0 0 0;
	padding:0;
}
ul.janru{	
	padding:0 0 25px;
}
ul.janru li{
	float:right;
	margin:0 0 10px 5px;
	padding:0;
	line-height:1em;
}
ul.janru li#orizinaru{text-indent:5px;border-left:1em #ff5300 solid;}
ul.janru li#hankenmono{text-indent:5px;border-left:1em #fff000 solid;}
ul.janru li#tohoproject{text-indent:5px;border-left:1em #00ffff solid;}

ul.sintyaku{clear:both;margin:0 10px 0 0;}
ul.sintyaku li{margin:0 20px 0 0;line-height:10px;}
ul.sintyaku li.ori{}

li.ori a img{border-left:10px #ff5300 solid;}
li.ori a:hover img{border-left:10px #ffa980 solid;}
li.han a img{border-left:10px #fc3 solid;}
li.han a:hover img{border-left:10px #ffc solid;}
li.toho a img{border-left:10px #09f solid;}
li.toho a:hover img{border-left:10px #6ff solid;}

#rightsideber p#gotogallery{
	text-align:right;
	margin:10px 0 0;
	padding:0;
}
#rightsideber p#gotogallery a{
	color:#cfcfcf;
	background-color:#303340;
	margin:0;
	padding:3px;
}
body.top ul#gallerylist li{
	padding:0;
	margin:0;
}
/* rightsideber e */
/* -----------------------
　トップの設定　ここまで
----------------------- */

/* -----------------------
　アバウトの設定　ここから
----------------------- */
body.about #warap{
	font-size:1.1em;
	background:transparent url(img/h_about.png) no-repeat 95% 10px;
}
body.about #warap p{
	margin:0 0 1em 15px;
	padding:0;
}
body.about #warap dl{
	margin:0 0 20px;
	padding:10px 0 0 15px;
	clear:both;
}
body.about #warap dl dt{
	clear:both;
	color:#cfcfcf;
	background-color:#5b5b81;
	margin:0;
	padding:0 0 0 10px;
}
body.about #warap dl dd{
	margin:0;
	padding:0;
}
body.about #warap dl dd dl{
	margin:0 15px 10px;
	padding:0;
}
body.about #warap dl dd dl dt{
	color:#303340;
	background-color:transparent;
	margin:0;
	padding:0;
}
body.about #warap dl dd dl dt img{
	float:left;
	margin:0;
	padding:0;
}
body.about #warap dl dd dl dd{
	margin:0;
	padding:0;
}
body.about #warap dl dd dl dd ul{
	margin:0 0 0 10px;
	padding:0;
}
body.about #warap dl dd dl dd ul li{
	width:560px;
	float:left;
	margin:0 0 0 20px;
	padding:5px 0 5px 0;
}
body.about #warap dl dd dl dd ul li a{
	clear:both;
}
body.about #warap ul{
	margin:0 0 0 20px;
	padding:0 0;
}
body.about #warap ul li{
	margin:0;
	padding:0 ;
}
body.about #warap h2#contact{
	text-align:center;
	border-bottom:#303340 dotted 1px;
	border-left:none;
	border-top:#303340 dotted 1px;
	margin:0;
	padding:0 ;
}
body.about #warap h2#contact span{
	text-align:center;
	display:block;
}
.center{
	text-align:center;
	display:block;
}
body.about #warap dl.center dt{
	font-size:1.2em;
	color:#cfcfcf;
	background-color:#5b5b81;
	margin:0 0 10px;
	padding:0;
}
body.about #warap dl.center dd{
	margin:0 0 10px;
	padding:0;
}
/* -----------------------
　アバウトの設定　ここまで
----------------------- */
/* -----------------------
　ワークスの設定　ここから
----------------------- */
body.works #warap{
	font-size:1.1em;
	background:transparent url(img/h_works.png) no-repeat 95% 10px;
}
.worksinfo dt{
	font-size:0.9em;
}
.worksinfo dd p{
	margin:0;
	padding:0;
	font-size:0.8em;
}
.worksinfo dd p a{
	text-decoration:none;
}
dl#dojinshi{
	clear:both;
	height:250px;
	margin:10px 0 0 15px;
	padding:0;
	background-color:rgba(255,255,255,0.5);
}
dl#dojinshi dt{
	float:left;
	margin:0;
	padding:0;
}
dl#dojinshi dt.raavelori img{background:transparent url(img/dojin_header_orizinal.jpg) no-repeat 0 0;padding:0 50px 0 110px;}
dl#dojinshi dt.raaveltoho img{background:transparent url(img/dojin_header_toho.jpg) no-repeat 0 0;padding:0 50px 0 110px;}
dl#dojinshi dt.raavehanken img{background:transparent url(img/dojin_header_hanken.jpg) no-repeat 0 0;padding:0 50px 0 110px;}

dl#dojinshi dd{
	float:right;
	margin:0;
	padding:25px 10px 25px 0;
}
dl#dojinshi dd dl{
	clear:both;
	display:block;
	width:560px;
	margin:0;
	padding:0;
}
dl#dojinshi dd dl dt{
	width:560px;
	clear:both;
	font-size:1em;
	margin:0;
	padding:0 0 5px;
}
dl#dojinshi dd dl dd{
	float:left;
	font-size:0.8em;
	margin:0 0 0 1em;
	padding:0 0 5px;
}
dl#omen{
	height:317px;
	margin:10px 0 0 15px;
	padding:0;
	background-color:rgba(167,179,191,0.2);
}
dl#omen dt{
	float:left;
	margin:0 0 0 40px;
	padding:0;
}
dl#omen dd{
	float:right;
	margin:0;
	padding:10px 20px 0 0;
}
dl#omen dd dl{
	clear:both;
	display:block;
	width:560px;
	margin:0;
	padding:0;
}
dl#omen dd dl dt{
	font-size:1em;
	margin:0;
	padding:0 0 5px;
}
dl#omen dd dl dd{
	height:2em;
	width:560px;
	float:left;
	font-size:0.9em;
	margin:0 0 0 1em;
	padding:0 10px 5px 0;
}
/* -----------------------
　ワークスの設定　ここまで
----------------------- */
/* -----------------------
　ギャラリーの設定　ここから
----------------------- */
body.gallery #warap{
	font-size:1.1em;
	background:transparent url(img/h_gallery.png) no-repeat 95% 10px;
}
body.gallery p{
	color:#666666;
	margin:0;
	padding:5px 0 0;
	clear:both;
}
ul#gallerylist{
	margin:0;
	padding:0;
}
body.gallery ul#gallerylist li{
	float:left;
	padding:0;
	margin:0 13px 0;
}
p#uratura{
	float:right;
　	margin:0;
	line-height:42px;
	background:transparent url(img/susukino.gif) no-repeat 100% 0;
	padding:0 35px 0 0;
}
p#uratura a{
	color:#303340;
	background-color:#ffffff;
	padding:2px;
	text-decoration:none;
	border:#000000 1px solid;
}
p#uratura a:hover{
	color:#cfcfcf;
	background-color:#303340;
	padding:2px;
	text-decoration:none;
	border:#000000 1px solid;
}
/* -----------------------
　ギャラリーの設定　ここまで
----------------------- */
/* -----------------------
　リンクの設定　ここから
----------------------- */
body.link #warap{
	font-size:1.1em;
	background:transparent url(img/h_link.png) no-repeat 95% 10px;
}
ul.linkbox{
	width:100%;
	display:block;
	float:left;
	margin:0 0 10px;
	padding:0;
}
ul.linkbox li{
	float:left;
	margin:10px 15px;
}
ul.linkbox li p{
	margin:0;
	padding:0;
	text-align:center;
}

.clear{clear:both;}

dl.linkinfo{
	float:left;
	width:449px;
	margin:10px 0 0 15px;
	padding:0;
}
dl.linkinfo dt{
	font-size:1em;
	margin:0;
	padding:0;
}
dl.linkinfo dd{
	font-size:1em;
	margin:0;
	padding:0;
}
dl.linkinfo dd ul li{
	clear:both;
	width:100%;
	display:block;
	margin:5px 0 0 10px;
	padding:0px 0;
}
dl.linkinfo dd ul li dl dt{
	width:4.2em;
	float:left;
	font-size:1em;
	margin:0;
	padding:0;
}
dl.linkinfo dd ul li dl dd:before{
	padding:0 5px 0 0;
	content:":";
}
dl.linkinfo dd ul li dl dd{
	font-size:0.8em;
	float:left;
	margin:0;
	padding:0;
}
dl.linkinfo dd ul li img{
	display:block;
	margin:0 0 10px;
}
dl.linkinfo dd ul li p{
	text-indent:-10px;
	font-size:1em;
	margin:10px 0 0;
	padding:0;
}
dl.linkinfo dd ul li.indent{margin: 0;}

body.link p{
	clear:both;
	margin:5px 0 0;
	padding:0;
}
dl.linkinfoleft dd ul li{
	margin:10px 0 0 10px;
}
dl.linkinfoleft{
	border-right:dotted 1px #303340;
}
/* -----------------------
　リンクの設定　ここまで
----------------------- */