@charset "utf-8";

@import url("../css/reset.css");
@import url("../css/basic.css");
@import url("../css/common.css");
@import url("../genso/mailform.css");

/*============================*/
/*--Common_TAG&ID&CLASS---------------- */
/*============================*/
a {
	text-decoration: none;
}
a:link {
	color: #8E3E3E;
}
a:visited {
	color: #BB6262;
}
a:hover {
	color: #369;
}
a:active {
	color: #696923;
}
html {
}
body {
	background: #fff url(body_bg.jpg) no-repeat fixed right bottom;
	color: #222;
	padding: 0xp;
}
body#index {
	background: #fff url(bg.jpg) no-repeat fixed left top;
}
h1 {
	margin-top: 10px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	width: 170px;
	font-weight: normal;
}
h1 a {
}
h1 a:link,
h1 a:visited,
h1 a:hover,
h1 a:active {
	color: #333;
}
h2 {
	display: none;
}
h3 {
	font-size: 100%;
	padding: 0.2em 1em 0.3em;
	border-top: 1px solid #B77;
	border-bottom: 1px solid #B77;
}
h4 {
	padding-left: 15px;
	margin-top: 1em;
	background: url(../genso/h4_bg.gif) no-repeat left center;
}
h4:first-child,
h4.first-child {
	margin-top: 0;
}

h5 {
}

blockquote {
	background-image: url(blockquote_end.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	border: 1px solid #b77;
	margin:0.5em 0.5em 1em 1.5em;
	padding: 1em 1.5em;
}
blockquote p.start {
	background-image: url(blockquote_top.png);
	background-repeat: no-repeat;
	background-position: left top;
}
blockquote p.origin {
	color:#555;
	text-align:right;
	background-image: none;
	margin-bottom:0;
}
q {
}
code {
  margin:0.4em;
  padding:0 0.3em;
  line-height: 1.1;
  border-bottom: 1px dotted #C99;
}
pre {
  padding: 1em;
  border:dotted 1px #c99;
}
pre code {
  border:none;
}
kbd {
	display: none;
}

img.left {
	float:left;
	margin-right:10px;
}
img.right {
    float:right;
    margin-left:10px;
}

/*============================*/
/*--Header_Area---------------- */
/*============================*/
#Page {
	margin: 0;
	padding: 0;
}
body#index #Page {
	background-image: none;
}
#header {
	margin: 0;
	padding: 1px 0.5em 0 20px;
	height: 50px;
}
#NaviLink {
	width: 870px;
	font-size: 90%;
	margin: 40px auto 10px auto;
}
body#index #NaviLink {
	margin: 40px 0 10px auto;
}
#Body {
	width: 870px;
	margin: 0 auto 0 auto;
	padding: 0;
}
body#index #Body {
	margin: 0 0 0 auto;
}
#Main_Column {
	width: 650px;
	margin: 0;
	float: left;
}
body#index #Main_Column,
body#index #footer {
	text-shadow: 1px 1px 0px #fff;
}
#header,
#NaviLink,
#Main_Column,
#ContentsMenu {
}

/*==================*/
/*--Contents_Area---*/
/*==================*/
.Contents {
	padding: 1em;
}
.Contents p,
.Contents dl,
.Contents ul,
.Contents ol {
}
.Coution {
	background-image: url(coution.png);
	border: 1px solid #c99;
	padding: 1em;
}
.PageTop,
.InPageTop  {
	font-size: 90%;
	text-align: right;
	margin: 0 0 1.5em 0;
	clear:left;
	padding: 1em 1em 0.5em;
}
.InPageTop {
	line-height: 20px;
	padding: 1em 0;
}
/*==================*/
/*--Menu_Area---*/
/*==================*/
#Menu_Column {
	width: 185px;
	margin: 0 665px 0;
	/widht:150px;
	* html float: right;
}
#Menu_Column h4 {
	display: none;
	background-image: none;
}
/*サブメニュー*/
#RelatedMenu {
	font-size: 100%;
}
#RelatedMenu h4,
.link_area h4,
#twitter h4,
#Menu_Column h4#mail{
	padding: 0.2em 1em 0.3em;
	border-top: 1px solid #B77;
	border-bottom: 1px solid #B77;
	display: block;
	margin: 0;
	line-height: 22px;
}
#RelatedMenu ul {
	margin:5px 0 1em 0.5em;
}

#RelatedMenu ul li {
	list-style-type: none;
	padding: 0 0 0 1.2em;
	margin: 0.3em 0 0 0;
	line-height:18px;
	background-image: url(../img/menulist-mark.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#RelatedMenu ul li.now {
	background: url(../img/menulist-mark_now.gif) no-repeat left top;
}
#RelatedMenu ul li ul {
	margin-top: 0;
	margin-bottom: 0;
}
#RelatedMenu ul li ul li,
.link_area ul.tree li {
	background: url(../img/menulist.gif) no-repeat left top;
	margin: 0 0 0 -1.7em;
	padding-left: 1.5em;
}
#RelatedMenu ul li ul li.end,
.link_area ul.tree li.end {
	background: url(../img/menulist-end.gif) no-repeat left top;
}
#RelatedMenu ul li ul li ul {
	margin-bottom: 0em;
}
#RelatedMenu ul li ul li ul li {
	background-image: url(../img/menulist2.gif);
	margin: 0 0 0 -2em;
	padding-left: 2.4em;
}
#RelatedMenu ul li ul li ul li.end {
	background-image: url(../img/menulist2-end.gif);
}
#RelatedMenu ul li ul li.end ul li {
	background-image: url(../img/menulist2end.gif);
}
#RelatedMenu ul li ul li.end ul li.end {
	background-image: url(../img/menulist2end-end.gif);
}
#RelatedMenu .pixiv_bana {
	margin: 0 0 0 10px;
}
#RelatedMenu .pixiv_bana a:after {
   content:"";
}

/*コンテンツメニュー*/
#ContentsMenu {
	position: absolute;
	top: 52px;
	right: 0;
	padding: 0 20px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	width: 100%;
	background: url(contentsmenu_bg.png) repeat right top;
	text-shadow: 1px 1px 0px #fff;
}
#ContentsMenu ul {
	list-style-type: none;
	margin:0 0 0 40px;
}
#ContentsMenu li {
	float: left;
	margin-right: 25px;
	font-size: 120%;
	font-weight: bold;
}
#ContentsMenu li a{
	display:block;
	padding: 0 5px;
	line-height: 30px;
}
#ContentsMenu li a:link{
	color: #382E32;
}
#ContentsMenu li a:visited {
	color: #655862;
}
#ContentsMenu li a:hover {
	color: #369;
}
#ContentsMenu li a:active {
	color: #696923;
}


/*ナビメニュー*/
#NaviMenu {
	position: absolute;
	top: 24px;
	width: 250px;
	padding: 0;
	right: 330px;
}
#NaviMenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align:right;
}
#NaviMenu ul  li{
	display: inline;
	margin: 0;
	padding: 1px 12px 2px 0;
}

/*==================*/
/*--Footer&Other----*/
/*==================*/
#footer {
	clear: both;
	border-top: 1px solid #999;
	padding: 0 20px;
}
address {
	padding: 3px;
	font-size: 90%;
	font-style: normal;
	display:block;
	float:left;
}
address #Copyright {
}
address #WebMaster {
}
#GoogleSearch {
	width:310px;
	padding: 1px;
	position: absolute;
	top: 15px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	right: 20px;
}
#GoogleSearch div {
	text-align: right;
}
#GoogleSearch  input[type=text] {
	width: 250px;
	height: 18px;
	font-size: 90%;
}
#GoogleSearch input[type=submit] {
	font-size: 90%;
	height: 24px;
	width: 50px;
}

#counter {
	width: 300px;
	height:30px;
	position: absolute;
	top: 53px;
	text-align: right;
	right: 20px;
	z-index: 1;
}
#QLOOK {
	text-align: right;
	margin-top: 5px;
}
#PR {
	display: none;
	text-shadow: none;
}
#PR_menu {
	margin: 1.5em auto 0.5em 10px;
	text-align:center;
	text-shadow: none;
}
.ads {
	text-align:center;
	text-shadow: none;
}
#styleselect {
	font-size: 90%;
	padding:5px 0 10px 10px;
}


/*==================*/
/*--Material----*/
/*==================*/
#Regulations_area ul {/*Material 使用要項のリスト部分*/
	padding-left: -1.5em;
	margin-top: 0.5em;
}
#Regulations_area ul li {
	list-style-type: none;
	padding-left: 1.5em;
	padding-bottom: 0.5em;
}
#Regulations_area ul li.no1 {
	background: url(../../material/count/gif07/1.gif) no-repeat left top;
}
#Regulations_area ul li.no2 {
	background: url(../../material/count/gif07/2.gif) no-repeat left top;
}
#Regulations_area ul li.no3 {
	background: url(../../material/count/gif07/3.gif) no-repeat left top;
}
#Regulations_area ul li.no4 {
	background: url(../../material/count/gif07/4.gif) no-repeat left top;
}
#Regulations_area ul li.no5 {
	background: url(../../material/count/gif07/5.gif) no-repeat left top;
}
#Regulations_area ul li.no6 {
	background: url(../../material/count/gif07/6.gif) no-repeat left top;
}
#Regulations_area ul li.no7 {
	background: url(../../material/count/gif07/7.gif) no-repeat left top;
}
#Regulations_area ul li.no8 {
	background: url(../../material/count/gif07/8.gif) no-repeat left top;
}

/*==================*/
/*--Script----*/
/*==================*/
.ScriptCopy {
	font-size: 80%;
	text-align:right；
}
.DataMatch {
}
.DataNavi {
	clear:left;
}
/*==================*/
/*--Pict----*/
/*==================*/
#Main_Column #PictData_area {
	margin-top:0em;
}
.pict .DataNavi {
	text-align:right;
}
#Main_Column #PictData_area .DataNavi {
	clear: none;
	text-align: left;
}
#Main_Column #PictData_area .DataNavi span {
	display: block;
}
#Main_Column #PictData_area .DataNavi span.Back {/*画像表示時の前のページへリンク*/
}
#Main_Column #PictData_area .DataNavi span.Next {/*画像表示時の次のページへリンク*/
	text-align:right;
	margin: -1.9em 0 0 90px;
}
#Main_Column #PictData_area .DataNavi span.List_Back {/*画像表示時の戻るリンク*/
}
#Main_Column #PictData_area .DataNavi span.Link {/*画像表示時のページ番号ナビ*/
	display:none;
}
#Main_Column div.pict table {
	margin-bottom:1.5em;
}
div#PictData_area dl.PictData {
	margin: 0;
	padding: 0;
}
div#PictData_area dl.PictData dd {
}
div#PictData_area dl.PictData dd ul.genre li {
	list-style-type:none;
	margin-left:-1.8em;
	margin-bottom:0;
	font-size: 90%;
}
.pict_list img,
.PictData img {
	-moz-box-shadow: 2px 2px 5px #222;
	display: block;
}
.highslide-caption {
	text-shadow:none;
}
/*==================*/
/*--WADALAND----*/
/*==================*/
#Main_Column #wada-list_area th, /*Wadaデータリストの見出しの色*/
#Main_Column table.votecount tr th {/*Vote見出し*/
	background-color: #DDC2B5;
	color: #222;
	text-shadow: none;
}
#Main_Column table.votecount caption span#vote_h4 {/*Voteリスト表示時のタイトル*/
	padding-left: 15px;
	background: url(../genso/h4_bg.gif) no-repeat left center;
	margin-bottom: 0.8em;
	display: block;
	font-weight: bold;
}
#Main_Column #wada-list_area, 
#Main_Column #wada-data_area {/*回りこみ回避*/
}
#wada-list_area tr:hover {
	font-weight: normal;
	background-color: #FED;
}
#wada-list_area tr td a {
	display:block;
}
#wada-data_area table tr td ul {
	margin-top:0;
}
#wada-data_area table tr td ul li {
	list-style-type:none;
	margin-left:-1.5em;
	margin-bottom:0;
}
#wada-data_area table tr td.title {
	background-image: none;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
/*==================*/
/*--formの色----*/
/*==================*/
input[type="text"],
input[type="password"],
input[type="button"],
select, 
textarea,
input[type="submit"],
input[type="reset"] {
	font-size:90%;
	font-family:san-serif;
	background-color: #FED;
	border: 1px solid #B77;
	padding: 0;
	line-height: 1.4;
}
input[type="button"],
input[type="submit"],
input[type="reset"] {
	background-color: #C99;
}
input[type="submit"],
input[type="reset"] {
	height: 25px;
	width: 70px;
}

/*==================*/
/* --TOPPAGE表示用   -----*/
/*==================*/
body#index div#Body.top {
	margin-top: 69px;
}
#WhatNew_area,
#Feed_area {
	width: 312px;
	padding: 0px;
}
#WhatNew_area  {
	float: left;
	_width: 310px;
}
#Feed_area {
	margin-left: 327px;
	/width: 310px;
	/margin-left: 315px;
	* html float:right;
}

#Feed_area h3,
#WhatNew_area h3 {
	background-image: none;
	margin-bottom: 5px;
}
#Feed_area h3 span,
#WhatNew_area h3 span {
	font-weight:normal;
	margin-left: 0.5em;
}

#WhatNew_area p  {
	font-size: 90%;
	padding: 0px 5px;
}
#feed,
#whatnew  {
	padding: 5px 1em 1em 1em;
}
#feed dl,
#whatnew dl {
	margin:0;
}
#feed dl dt {
	width: 5.5em;
	margin-bottom:0;
}
#feed dl dd{
	margin: -1.8em 0 0 6em;
}
#whatnew dl dt {
	margin-bottom:0;
}
#whatnew dl dt span {
	margin-left: 0.5em;
	font-size:90%;
	line-height:1.2;
}
#whatnew dl dd{
	margin-bottom: 1em;
	max-height:5.5em;
	overflow:hidden;
}
#Feed_area .google {
	text-align: center;
	padding-top: 0.5em;
}

/*==================*/
/* --Search用   -----*/
/*==================*/
div#Main_Column.search {
	width: 850px;
	float: none;
}
div#Menu_Column.search h3.search {
}

ul.tree li {
	background-color: #FFF;
}


#Link_area h4 {
	clear:left;
}
#Link_area a span{
	padding:5px;
}

#Link_area .link-come {
	font-weight: normal;
}