@charset "UTF-8";

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}/* End hide from IE-mac */

a { outline:none 0px #000; color:#069; text-decoration:none; }
a:hover { color:#f30; }
a img:hover {
	filter: alpha(opacity=80);
 -moz-opacity:0.8;
 opacity:0.8;
}

strong { font-weight:bold; }

/* font */
.big {
	font-size:16px;
	line-height:1.75;
}

.normal {
	font-size:12px;
	line-height:1.75;
}

.minimum {
	font-size:10px;
	line-height:1.5;
}

/* margin */
.mb5{ margin-bottom:5px; }
.mb10{ margin-bottom:10px; }
.mb20{ margin-bottom:20px; }
.mb30{ margin-bottom:30px; }
.mr10{ margin-right:10px; }

/* align */
.align-center{text-align:center;}
.align-left{text-align:left;}
.align-right{text-align:right;}

/* ///////////////////////////////////////////////////////

Wrapper

/////////////////////////////////////////////////////// */

body {
	font-family: "HiraKakuPro-W3","ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	text-align:center;
	color:#1e1e1e;
}

#Container {
	width:900px;
	margin:0 auto;
	text-align:left;
	padding-bottom:30px;
}

#Left {
	width:680px;
	float:left;
}

#Right {
	width:190px;
	float:right;
}

/* ///////////////////////////////////////////////////////

Head

/////////////////////////////////////////////////////// */

body#Main h1 {
	width:900px;
	height:350px;
	background:transparent url(../images/logo-big.png) 50% 50% no-repeat;
	text-indent:-9999px;
}


body#Sub h1 {
	width:900px;
	height:45px;
	background:transparent url(../images/logo-mini.png) 0 100% no-repeat;
}

body#Sub h1 a {
	display:block;
	width:230px;
	height:45px;
	text-indent:-9999px;
}

/* ///////////////////////////////////////////////////////

Footer

/////////////////////////////////////////////////////// */
#Footer {
	width:900px;
	margin:0 auto;
	border-top:1px solid #ccc;
}

#Footer p {
	text-align:right;
	padding:10px 0 20px;
}

/* ///////////////////////////////////////////////////////

Index

/////////////////////////////////////////////////////// */

/* *** news *** */
body#Main #news {
	background:transparent url(../images/t-news.png) 0 7px no-repeat;
	padding:0 0 5px 50px;
	border-bottom:1px solid #ccc;
}

body#Main #news p {
	display:inline;
	padding-right:0.5em;
}

body#Main #news img {vertical-align:middle;}

/* *** about *** */
body#Main #about {
	min-height:105px;
	height:auto !important;
	height:105px;
	background:transparent url(../images/editandpeta.png) 100% 0 no-repeat;
}

body#Main #about p {padding:0 270px 0 0;}

/* *** BPLink *** */
body#Main #BPLink li.left {float:left;}

body#Main #BPLink li.right {float:right;}

/* ///////////////////////////////////////////////////////

Left

/////////////////////////////////////////////////////// */
#DokanCharaList {
	width:640px;
	margin:0 auto;
}

#EditSwf {text-align:center;}

/* ///////////////////////////////////////////////////////

Right

/////////////////////////////////////////////////////// */
#Right #ListMenu li {
	background: transparent url(../images/arrow.png) no-repeat 0 50%;
	padding-left:16px;
}

#Right #TweetMenu li.follow {
	background: transparent url(../images/icon-twitter.png) no-repeat 0 50%;
	padding-left:16px;
}

#Right #ListMenu li a,
#Right #TweetMenu li a{color:#1e1e1e;}

#Right #ListMenu li a:hover,
#Right #TweetMenu li a:hover,{color:#f30;}

#Right #Demo .count {
	background: transparent url(../images/star.gif) no-repeat 0 50%;
	padding-left:12px;
}

/* ///////////////////////////////////////////////////////

Form

/////////////////////////////////////////////////////// */
#NewForm,#OtherForm{ text-align:center; }

form#EditForm {
	width:600px;
	height:150px;
	margin-left:auto;
	margin-right:auto;
	background:transparent url(../images/login-bg.png) 0 0 no-repeat;
	color:#fff;
	padding:0;
	text-align:center;
}

form#EditForm fieldset {
	border:none;
	padding-left:40px;
	line-height:1;
	text-align:left;
}

form#EditForm fieldset label {
	display:block;
	width:190px;
	float:left;
}

form#EditForm fieldset#Fusername { padding-top:50px; }
form#EditForm fieldset#Fusername input { width:120px; height:14px; }
form#EditForm fieldset#Furl { padding-top:5px; }
form#EditForm fieldset#Furl input { width:120px; height:14px; }
form#EditForm #submit { margin-top:10px; }

/* Error */
#EditFlashArea #error {
	width:600px;
	margin:0 auto;
	background-color:#666;
	margin-bottom:10px;
	padding:10px 0;
}

#EditFlashArea #error p{
	padding:0 10px;
	text-align:center;
	color:#fff;
	font-size:12px;
	line-height:1.75;
}

/* ///////////////////////////////////////////////////////

HowToPage

/////////////////////////////////////////////////////// */
#HowToBtn {
	width:110px;
	height:110px;
	position:absolute;
	top:160px;
	right:100px;
}

body#HowTo {
	text-align:center;
	background-color:#1e1e1e;
	padding-bottom:20px;
}

body#HowTo h1 {
	text-align:center;
	font-size:18px;
	color:#fff;
	padding:20px 0;
}

body#HowTo img {
	display:block;
	background-color:#fff;
	margin:0 auto 20px auto;
	padding:10px;
}

body#HowTo img.close {
	display:block;
	background-color:transparent;
	margin:0 auto;
	padding:0;
}

/* ///////////////////////////////////////////////////////

AboutPage

/////////////////////////////////////////////////////// */
#Left .about {
	width:600px;
	margin-left:30px;
	margin-top:30px;
}

#Left .btmDotLine {
	padding-bottom:20px;
	border-bottom:1px dotted #ccc;
}

#Left .about img {
	display:block;
	float:left;
}

#Left .about .cmt {
	padding-left:240px;
}

#Left .about .cmt ul,
#Left .about .cmt p {
	padding-left:1em;
}

/* ///////////////////////////////////////////////////////

NewsPage

/////////////////////////////////////////////////////// */
ul#newslist {
	margin:20px 0;
}

ul#newslist li {
	padding-bottom:5px;
	border-bottom:1px dotted #ccc;
	margin-bottom:10px;
}

ul#newslist li span.date {
	color:#c00;
	margin-right:1em;
}

/* ///////////////////////////////////////////////////////

PresentPage

/////////////////////////////////////////////////////// */
.present p {
	padding-bottom:10px;
}

.present img {
	display:block;
	float:left;
}

.present ul {
	margin-left:420px
}

.present ul li {
	background:transparent url(../present/images/dl_icon.gif) 0 50% no-repeat;
	padding-left:15px;
	line-height:1.75;
}

/* ///////////////////////////////////////////////////////

Amazon

/////////////////////////////////////////////////////// */
.Amazon {
	width:800px;
	margin:0 auto;
}