/* Pecope.com CSS Document */
/* -------------------------------------------------------------------------- */
/* http://www.pecope.com/ */
/* -------------------------------------------------------------------------- */
/* Default */
/* -------------------------------------------------------------------------- */

html {
	background: #3a1a07;
}
body {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-family: Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	background: #FFFFFF;
}
table, th, td {
}
body * {
}
p,h1,h2,h3,h4,h5,h6,li,th,td,dt,dd,pre,code { font-weight: normal; }

h1,h2,h3,h4,h5,h6 { margin:0; padding:0; }


b, strong {
	font-weight: normal;
}


img {
	border-width: 0px;
	border: none;
}
img, abbr, acronym { border: none; }

abbr, acronym { font-style: normal; }
pre, code {
	background-color: inherit;
	color: #999;
	font-family: Monaco, "Courier New", Courier, monospace;
}
pre {
	width: 100%;
	height: auto;
	padding: 0px;
	/* \*/overflow: auto;/**/
}

em, address {
	font-style: normal;
}

hr {
	width: 100%;
	height: 1px;
	margin: 0px;
	/* \*/margin: 0.8em 0;/**/
	padding: 0;
	border-width: 0;
	background-color: #a9a9a9;
	color: #a9a9a9;
}
/* \*/
* html hr { margin: 0px; }
*+html hr { margin: 0px; }
/**/
.hide, .hidden {
	display: none;
	visibility: hidden;
}
.clear {
	clear: both;
	width: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	font-size: 1px;
	text-decoration: none;
	line-height: 0px;
	text-indent: -1000em;
	overflow: hidden;
}
hr.clear {
	clear: both;
	width: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
	visibility: hidden;
}
/* -------------------------------------------------------------------------- */
/* Interface - MainBox */
/* -------------------------------------------------------------------------- */
div#wrap {
	width: auto;
	height: auto;
	padding: 0px;
}


div#main {
	position: relative;
	width: 790px;
	padding: 0px;
	overflow: hidden;
	voice-family: "\"}\"";
	voice-family: inherit;
	text-align: left;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


/* \*/
* html div#main {
    height: 1em;
	overflow: visible;
}
/**/

div#left {
	float: right;
	margin: 27px 0 0;
	padding: 0;
	width: 200px;
}
 

div#middle {
	position: relative;
	width: 565px;
	float: left;
	margin: 0;
	padding: 0;
	background: #FFFFFF;
}


#SiteMap {
	background-color: #D8D0C8;
	padding-top: 10px;
	margin-top: 20px;
	padding-bottom: 10px;
	text-align: center;
}
#SiteMap a {
	margin-right: 30px;
	color: #333333;
	text-decoration: none;
	font-size: 12px;
}

div#footer {
	clear: both;
	width: auto;
	background: #3a1a07;
	height: 90px;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
}


#TopFooter {
	clear: both;
	width: auto;
	background: #3a1a07;
	height: 90px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
}
#TopFooter a { color: white; text-decoration: none; margin: 0; padding: 0; }


div#footer_in {
	color: #FFFFFF;
	font-size: 12px;
	letter-spacing: 1px;
	text-align: right;
	width: 790px;
	margin: 0 auto 0 auto;
	line-height: 1.7em;
}

#footer a { color: white; text-decoration: none; margin: 0; padding: 0; }


/* -------------------------------------------------------------------------- */
/* Header */
/* -------------------------------------------------------------------------- */
div#header {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	background: url(../header_img/base.jpg) left top;
	background: #d7d0c8;
	background-image: url(../global_img/head_base2.gif);
	background-repeat: repeat-x;
	height: 50px;
}
 
div#header_in {
	color: #fff;
	width: 790px;
	padding: 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 35px;
}

.title { color: white; font-size: 11px; text-decoration: none; position: absolute; top: 28px; left: 310px; }
.title a { color: white; font-size: 11px; text-decoration: none; }
.title a:hover { color: white; font-size: 11px; text-decoration: none; }





/* -------------------------------------------------------------------------- */
/* Visual */
/* -------------------------------------------------------------------------- */
div#visual {
	width: auto;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	background-color: #d7d0c8;
	background-image: url(../index_img/topv_base.gif);
	background-repeat: repeat;
}
div#visual_in {
	font-size: 13px;
	line-height: 120%;
	width: 790px;
	height: 322px;
	margin: 0 auto 0 auto;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../index_img/topv100427.gif);
	text-align: left;
}

#visual h2 {
	font-size: 13px;
	font-weight: normal;
	position: relative;
	text-align: right;
	top: 310px;
	width: 700px;
}

#visual strong {
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
}


/* -------------------------------------------------------------------------- */
/* info */
/* -------------------------------------------------------------------------- */
#information {
	margin: 0 0 20px 0;
}
/* -------------------------------------------------------------------------- */
/* Work */
/* -------------------------------------------------------------------------- */

div.work_a {
	width: 188px;
	padding: 0;
	font-size: 11px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}


ul.work_list {
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}

ul.work_list li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	margin-top: 4px;
	margin-bottom: 4px;
	list-style-image: url(../global_img/arrow_maru.gif);
	list-style-type: none;
	list-style-position: inside;
}

ul.work_list li a {
	color: #FFF;
	text-decoration: none;
}
ul.work_list li a:hover {
	color: #FFF;
	text-decoration: none;
}
ul.work_list li a:active {}

.point_red { color: white; font-size: 11px; background-color: #310c03; margin-right: 5px; padding: 3px 5px; }

/* -------------------------------------------------------------------------- */
/* ETC */
/* -------------------------------------------------------------------------- */
#info-box h3 { font-size: 13px; line-height: 100%; margin-top: 5px; margin-bottom: 5px; padding-bottom: 10px; padding-left: 10px; border-bottom: 1px solid #c1c1c1; }
div#sbt-bar { color: white; font-size: 12px; font-weight: bold; background-image: url(global_img/bar-brwn.gif); text-align: center; width: 208px; height: 23px; float: right; padding-top: 3px; padding-bottom: 0; }
.text    { font-size: 13px; line-height: 150% }
.text_high { font-size: 13px; line-height: 180% }
.text_s  {
	font-size: 12px;
	line-height: 120%
}
.text_s-high { font-size: 12px; line-height: 200%; }
.text_s-data { font-size: 12px; line-height: 130%; }
.text_ss   { font-size: 11px; line-height: 140% }
.text_ss-high { font-size: 11px; line-height: 180%; }
#copy { color: #3c3630; font-size: 11px; padding: 12px; }
/* -------------------------------------------------------------------------- */
/* Etc Side Menu */
/* -------------------------------------------------------------------------- */
/* ?????͍??̃??j???[?̊p?ۂ??uul?v???g?p???Ȃ??ꍇ?̂??́Bpadding?w?肵?Ȃ????? */
ul#side-menu {
	list-style: none;
	width: 145px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
ul#side-menu:after {
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
	content: ".";
}
/* \*/
* html ul#side-menu {
    height: 1em;
    overflow: visible;
}
/**/
ul#side-menu li {
	float: left;
	clear: both;
	width: 145px;
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	background: transparent url(index_img/menu-pt.gif) no-repeat left center;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 135px;
}
html>body ul#side-menu li {
	width: 135px;
}
ul#side-menu li a {
	display: block;
	margin: 0px;
	padding: 0px;
	color: #0a2e47;
	font-size: 12px;
	line-height: 25px;
	text-decoration: none;
}
ul#side-menu li a:hover {
	text-decoration: underline;
}




div#header_right {
	float: left;
	margin: 18px 0 0 0;
}

div#header_right h1{
	font-size: 10px;
	color: #9E8575;
	text-decoration: none;
}





div#header_left {
	width: 200px;
	float: left;
	margin-top: 11px;
	text-align: left;
	height: 20px;
}

#header_right {
	float: right;
}


#header h1 a {
	font-size: 10px;
	margin: 0px 0 0 0;
	color: #9E8575;
	text-decoration: none;
}




div#visual_text {
	width: auto;
	font-size: 11px;
	line-height: 150%;
	padding: 10px 0 0 30px;
}



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



/* GLOBALHEADER */
#glbheader {
	width: 790px;
	height: 45px;
	margin: 0px auto;
	position: relative;
	top: 5px;
	background-image: url(../global_img/topmenu_base.jpg);
	overflow:hidden; 
}



ul.TxtNavi {
	margin: 0;
	padding: 0;
	line-height: 1;
	background-color: #eee;
	list-style-type: none;
}
ul.TxtNavi li {
	margin: 0;
	padding: 0;
	float: left;
	/* 固定幅にしたかったら
	width: 110px;
	*/
	text-align: center;
	font-size: 13px; /* 文字サイズ */
}



/* glb SEARCH */
#glbsearch {
	width: 237px;
	height: 38px;
	position: absolute;
	top: 0;
	right: 0;
	background-position: 100% 0;
	background-repeat: no-repeat;
}

.glbnav_sub {
	font-size: 11px;
	text-align: right;
	padding-top: 15px;
	padding-right: 18px;
	color: #A9A095;
}
.glbnav_sub a{
	color: #A9A095;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 11px;
}
.glbnav_sub a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}
.work_b {
	width: 370px;
	font-size: 12px;
	line-height: 1.8em;
}
#middle h2 {
	font-size: 15px;
	font-weight: bold;
	padding: 0;
	margin: 0 0 8px 0;
	color: #000000;
}

#middle h3 {
	background-color: #D8D0C8;
	font-size: 13px;
	font-weight: bold;
	padding: 9px 10px 8px 17px;
	margin: 0px 0 18px;
	line-height: 1em;
}

.topics {
	font-size: 12px;
	padding: 0px;
	height: auto;
}
.topics_s {
	line-height: 1.5em;
	float: left;
	padding: 0px;
	width: 175px;
}

.topics_s ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.topics_ss {
	line-height: 1.8em;
	float: left;
	padding: 0px;
	width: 175px;
	margin-top: 8px;
	font-size: 13px;
}
.topics_mid {
	line-height: 1.8em;
	float: left;
	padding: 0px;
	width: 260px;
	margin-top: 8px;
	font-size: 12px;
}

li.list01-odd {
	background-color:#FFFFFF;
	padding: 5px 8px;
}
li.list01-even {
	background-color:#D9D5D1;
	padding: 5px 8px;
}



.copyright {
	background-color: #E0E0E0;
	padding: 14px;
	margin-top: 20px;
	font-size: 12px;
	line-height: 1.7em;
}

a {
	color: #0F479B;
}
a:hover {
	color: #FF3300;
	text-decoration: none;
}
.subtitle {
	font-size: 12px;
	font-weight: normal;
	position: relative;
	text-align: left;
	top: 282px;
	margin-left: 20px;
	line-height: 1.7em;
	color: #1C1C1C;
}
#info {
	padding: 0px;
	margin-bottom: 25px;
	margin-top: 27px;
}

/* ================================= */

div#SubHeader {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	background-image: url(../global_img/subhead_base2.jpg);
	background-repeat: repeat-x;
	height: 79px;
	background-color: #d7d0c8;
}
 
div#SubHeader_in {
	color: #fff;
	width: 790px;
	padding: 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 66px;
}


div#SubHeader_left {
	width: 200px;
	float: left;
	margin-top: 11px;
	text-align: left;
	height: 20px;
	margin-left: 20px;
}

div#SubHeader_right {
	float: left;
	font-size: 10px;
	margin: 18px 0 0 0;
	color: #9E8575;
	text-decoration: none;
}
#SubHeader_right a{
	color: #9E8575;
	text-decoration: none;
}



/* SubHEADER */
#SubHeaderNav {
	width: 790px;
	height: 36px;
	margin: 0px auto;
	position: relative;
	top: 12px;
}
#SubHeaderNav #SubNav { margin: 0; padding: 0; }
#SubHeaderNav #SubNav li { display: inline; }
#SubHeaderNav #SubNav li#sn-home a { float: left; width: 138px; height: 0; padding-top: 36px; overflow: hidden; }
#SubHeaderNav #SubNav li#sn-profile a { float: left; width: 137px; height: 0; padding-top: 36px; overflow: hidden; }
#SubHeaderNav #SubNav li#sn-works a { float: left; width: 135px; height: 0; padding-top: 36px; overflow: hidden; }
#SubHeaderNav #SubNav li#sn-mail a { float: left; width: 138px; height: 0; padding-top: 36px; overflow: hidden; }


#SubHeaderNav #SubNav li a,
#SubHeaderNav #SubSearch {
	background-image: url(../global_img/subnav2.jpg);
	background-repeat: no-repeat;
}
 
 
/* BUTTONS */
#SubHeaderNav #SubNav li#sn-home a { background-position: 0 0; }
#SubHeaderNav #SubNav li#sn-profile a { background-position: -138px 0; }
#SubHeaderNav #SubNav li#sn-works a { background-position: -275px 0; }
#SubHeaderNav #SubNav li#sn-mail a { background-position: -410px 0; }

 
/* OVER STATES */
#SubHeaderNav #SubNav li#sn-home a:hover { background-position: 0 -36px; }
#SubHeaderNav #SubNav li#sn-profile a:hover { background-position: -138px -36px; }
#SubHeaderNav #SubNav li#sn-works a:hover { background-position: -275px -36px; }
#SubHeaderNav #SubNav li#sn-mail a:hover { background-position: -410px -36px; }

/* ON STATES */
/*
#SubHeader.home #SubNav li#sn-illust a:hover { background-position: 0 0; cursor: default; }
#SubHeader.works #SubNav li#sn-works a { background-position: -117px -114px !important; }
#SubHeader.profile #SubNav li#sn-profile a { background-position: -234px -114px !important; }
#SubHeader.mail #SubNav li#sn-mail a { background-position: -351px -114px !important; }
#SubHeader.iphone #SubNav li#sn-bbs a { background-position: -468px -114px !important; }
#SubHeader.downloads #SubNav li#sn-download a { background-position: -585px -114px !important; }
#SubHeader.support #SubNav li#sn-link a { background-position: -702px -114px !important; }
 */
 
/* Sub SEARCH */
#SubSearch {
	width: 242px;
	height: 36px;
	position: absolute;
	top: 0;
	right: 0;
	background-position: 100% 0;
	background-repeat: no-repeat;
}

.SubNav_sub {
	font-size: 11px;
	text-align: right;
	padding-top: 11px;
	padding-right: 18px;
	color: #A9A095;
}
.SubNav_sub a{
	color: #A9A095;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 11px;
}
.SubNav_sub a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}



.SubTextLogo {
	font-size: 11px;
	position: relative;
	top: 14px;
	left: 20px;
	margin: 0;
	display: inline;
	float: left;
	width: 190px;
	height: 0;
	padding-top: 31px;
	overflow: hidden;
	background-image: url(../global_img/subhead_logo2.gif);
	background-repeat: no-repeat;

}
#ContentA {
	width: 720px;
	margin-right: auto;
	margin-left: auto;
}
.ContentTitle {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5E4839;
	padding-bottom: 6px;
	margin-bottom: 30px;
	margin-top: 40px;
}
.DigestBox {
	position: relative;
	left: -40px;
}
.mail_info {
	background-color: #E4DCD0;
	padding: 15px;
	margin-top: 20px;
	margin-bottom: 25px;
	line-height: 1.7em;
	font-size: 13px;
}
#mail_add {
	font-size: 20px;
	margin-top: 25px;
	margin-bottom: 40px;
	margin-left: 20px;
}
#AddClip {
	margin-top: 10px;
	text-align: center;
	margin-bottom: 20px;
	padding-top: 15px;
	border-top: 1px solid #949083;
}
#contact   {
	font-size: 13px;
	margin: 10px auto 0px;
	text-align: center;
}
#contact a {
	color: #b0b864;
}
#NewWork  {
	background-color: #D8D0C8;
	margin-top: 0px;
	padding: 20px 15px 10px;
}

#NewWork ul {
	background-color: transparent;
	overflow: hidden;
	margin: 6px 0px;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}
#NewWork ul li {
	display: block;
	font-size: 11px;
	line-height: 120%;
	padding: 9px 0;
	border-bottom: 1px dotted #3c3630;
	list-style-type: none;
}
#NewWork ul li a {
	color: #3c3630;
	text-decoration: none;
}
#NewWork ul li a:hover {
	color: #e7e5d4;
	background-color: #3c3630;
	text-decoration: underline;
}
#NewWork  .right  {
	font-size: 12px;
	text-align: right;
}


#ContactBox {
	background: #352f2c;
	margin-bottom: 10px;
	font-size: 12px;
	color: #FFFFFF;
	padding: 15px 10px;
	line-height: 1.6em;
}
#h2Box {
	width: 160px;
	text-align: center;
	margin: 0px 0px 8px;
	padding: 0px;
}
.SampleImg {
	margin-bottom: 30px;
	margin-right: auto;
	margin-left: auto;
}
#middle .MidInBox {
	width: 530px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	font-size: 13px;
	line-height: 1.8em;
}
#NewWork h3 {
	font-size: 12px;
	color: #000000;
	background-color: #AFA9A1;
	padding: 6px 8px;
}
#NewWork p {
	font-size: 12px;
	line-height: 1.7em;
	margin: 0px;
	padding: 0px;
}
.DivRight {
	text-align: right;
	margin-top: 8px;
	padding-top: 2px;
}
.MidInBox p {
	margin: 0px 0px 2px;
	padding: 0px;
}


a.BtnLink {
	display:block;
	width:240px;
	height:30px;
	background:#66CCCC url(/img_all/btn_link-a.jpg);
	border:1px solid #ffb368;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
	font-size:13px;
	text-align:center;
	line-height:30px;
	margin:25px auto;
}
 a.BtnLink:hover{
	background:#0099CC url(/img_all/btn_link-h.jpg);
	text-decoration:none;
}
a.BtnLink:link{color:#FFFFFF;}
a.BtnLink:visited{color:#FFFFFF;}


.AddSocial{
	margin: 8px 0px 8px 0px;
}
.AddSocial td{
	padding: 0px 8px 0px 0px;
}