@charset "UTF-8";

/* --------------------------------------------------
	基本設定
-------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	border:0;
	}

html {
	overflow-y:scroll;
	}

h1 {
	font-size: auto;
	font-weight:bold;
	color:#fff;
	margin:0 0 0 20px;
	}

h2 {
	font-size: 100%;
	font-weight:bold;
	color:#fff;
	width:100%;
	background:#2f222f;
	margin:10px 0;
	padding:8px 0 8px 20px;
	}
h3 { font-size:nomal; font-weight:nomal; }

h4 , h5 , h6 , table , textarea { font-size: 100%; }

a {color:#7f0081; text-decoration:none; }
a:hover img{
	color: #b554b6;
	text-decoration:none;
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;

	}
a:visited { color: #ca8acc; text-decoration:none; }

a.white{color:#fff; text-decoration:none; }

a.purple{color:#7f0081; text-decoration:underline; }
a.purple:hover { color: #f00; text-decoration:underline; }
a.purple:visited { color:#bd8bbe; text-decoration:underline; }


table { border-collapse: collapse; }

p.normal { margin-bottom: 10px; }


/* --------------------------------------------------
	contents
-------------------------------------------------- */
.contena{
	width:980px;
	margin:0 auto;
	}

/* --------------------------------------------------
	head
-------------------------------------------------- */
.header{
	width:980px;
	margin:0 auto 10px;
	}

.header2{
	width:980px;
	margin:0 auto 5px;
	}

/* --------------------------------------------------
	catch
-------------------------------------------------- */
.catch{
	width:980px;
	margin:0 auto 10px;
	}

/* --------------------------------------------------
	menu
-------------------------------------------------- */
.menu{
	width:900px;
	height:35px;
	margin:15px auto 10px;
	text-align:center;
	}

.menu_in{
	width:120px;
	margin:0 15px;
	text-align:center;
	float:left;
	}

.menu2{
	width:900px;
	height:35px;
	margin:0px auto 10px;
	text-align:center;
	}

/* --------------------------------------------------
	main-PR
-------------------------------------------------- */
.main_pr{
	width:980px;
	margin:0 auto 10px;
	text-align:center;
	clear:both;
	}

.main_pr .imgs{
	margin:0 5px;
	}



/* --------------------------------------------------
	main_contens
-------------------------------------------------- */
.main-contens{
	width:700px;
	margin:10px 10px 20px 0;
	height:auto;
	float:right;
	}

.main_contens{
	background:#e7e7e7;
	width:100%;
	height:auto;
	margin:0 0 5px 0;
	border:solid 1px #ccc;
	}

.main_contens .cont{
	width:660px;
	height:auto;
	margin:20px auto;
	text-align:left;
	color:#333;
	}

.main_contens .cont .icon{
	width:80px;
	height:80px;
	margin:0 20px 0 0;
	border:solid 1px #868686;
	float:left;
	}

.main_contens .cont .text{
	width:550px;
	height:auto;
	float:left;
	}


/* --------------------------------------------------
	footer
-------------------------------------------------- */
.footer{
	clear:both;
	background:#000;
	background: -moz-linear-gradient(top,#363636 0%,#000 50%,#000 50%,#000);
	background: -webkit-gradient(linear, left top, left bottom,from(#363636), color-stop(0.5,#000), color-stop(0.5,#000),  to(#000));
	width:100%;
	height:auto;
	margin:20px 0 0 0;
	color:#fff;
	border:solid 1px #000;
}

.footer .cont01{
	width:980px;
	height:auto;
	text-align:left;
	margin:20px auto;
	padding:20px 0;
	font-size:77%;
	font-weight:bold;
}

.footer .cont01 .links{
	float:left;
	margin:0 100px 0 0;
	}

.footer .cont02{
	clear:both;
	width:980px;
	height:auto;
	text-align:left;
	margin:20px auto;
	padding:20px 0;
	font-size:77%;
}

.copy{
	width:auto;
	height:auto;
	margin:20px auto;
	font-size:xx-small;
	color:#ccc;
	}


/* --------------------------------------------------
	width
-------------------------------------------------- */
/* % */
.w001 { width: 1%; }
.w002 { width: 2%; }
.w003 { width: 3%; }
.w004 { width: 4%; }
.w005 { width: 5%; }
.w006 { width: 6%; }
.w007 { width: 7%; }
.w008 { width: 8%; }
.w009 { width: 9%; }
.w010 { width: 10%; }
.w011 { width: 11%; }
.w012 { width: 12%; }
.w013 { width: 13%; }
.w014 { width: 14%; }
.w015 { width: 15%; }
.w016 { width: 16%; }
.w017 { width: 17%; }
.w018 { width: 18%; }
.w019 { width: 19%; }
.w020 { width: 20%; }
.w021 { width: 21%; }
.w022 { width: 22%; }
.w023 { width: 23%; }
.w024 { width: 24%; }
.w025 { width: 25%; }
.w026 { width: 26%; }
.w027 { width: 27%; }
.w028 { width: 28%; }
.w029 { width: 29%; }
.w030 { width: 30%; }
.w031 { width: 31%; }
.w032 { width: 32%; }
.w033 { width: 33%; }
.w034 { width: 34%; }
.w035 { width: 35%; }
.w036 { width: 36%; }
.w037 { width: 37%; }
.w038 { width: 38%; }
.w039 { width: 39%; }
.w040 { width: 40%; }
.w041 { width: 41%; }
.w042 { width: 42%; }
.w043 { width: 43%; }
.w044 { width: 44%; }
.w045 { width: 45%; }
.w046 { width: 46%; }
.w047 { width: 47%; }
.w048 { width: 48%; }
.w049 { width: 49%; }
.w050 { width: 50%; }
.w051 { width: 51%; }
.w052 { width: 52%; }
.w053 { width: 53%; }
.w054 { width: 54%; }
.w055 { width: 55%; }
.w056 { width: 56%; }
.w057 { width: 57%; }
.w058 { width: 58%; }
.w059 { width: 59%; }
.w060 { width: 60%; }
.w061 { width: 61%; }
.w062 { width: 62%; }
.w063 { width: 63%; }
.w064 { width: 64%; }
.w065 { width: 65%; }
.w066 { width: 66%; }
.w067 { width: 67%; }
.w068 { width: 68%; }
.w069 { width: 69%; }
.w070 { width: 70%; }
.w071 { width: 71%; }
.w072 { width: 72%; }
.w073 { width: 73%; }
.w074 { width: 74%; }
.w075 { width: 75%; }
.w076 { width: 76%; }
.w077 { width: 77%; }
.w078 { width: 78%; }
.w079 { width: 79%; }
.w080 { width: 80%; }
.w081 { width: 81%; }
.w082 { width: 82%; }
.w083 { width: 83%; }
.w084 { width: 84%; }
.w085 { width: 85%; }
.w086 { width: 86%; }
.w087 { width: 87%; }
.w088 { width: 88%; }
.w089 { width: 89%; }
.w090 { width: 90%; }
.w091 { width: 91%; }
.w092 { width: 92%; }
.w093 { width: 93%; }
.w094 { width: 94%; }
.w095 { width: 95%; }
.w096 { width: 96%; }
.w097 { width: 97%; }
.w098 { width: 98%; }
.w099 { width: 99%; }
.w100 { width: 100%; }

/* --------------------------------------------------
	height
-------------------------------------------------- */
.h40px { height: 40px; }
.h100px { height: 100px; }

/* --------------------------------------------------
	text-align
-------------------------------------------------- */
.ta-r { text-align: right; }
.ta-c { text-align: center; }
.ta-l { text-align: left; }

/* --------------------------------------------------
	text-color
-------------------------------------------------- */
#fc-000{color:#000;}
#fc-111{color:#111;}
#fc-222{color:#222;}
#fc-333{color:#333;}
#fc-444{color:#444;}
#fc-555{color:#555;}
#fc-666{color:#666;}
#fc-777{color:#777;}
#fc-888{color:#888;}
#fc-999{color:#999;}
#fc-aaa{color:#aaa;}
#fc-bbb{color:#bbb;}
#fc-ccc{color:#ccc;}
#fc-ddd{color:#ddd;}
#fc-eee{color:#eee;}
#fc-fff{color:#fff;}

#fc-red{color:#f00;}
#fc-pink{color:#f0c;}
#fc-pink_b{color:#f0c; font-weight:bold;}
#fc-purple{color:#5d025e;}
#fc-purple_b{color:#5d025e; font-weight:bold;}
#fc-purple2{color:#cc33cc;}

/* --------------------------------------------------
	font-size
-------------------------------------------------- */
.fs-time{
	font-size:x-small;
	}
.fs-small{ font-size:small; }
.fs-xsmall{ font-size:x-small; }
.fs-xxsmall{ font-size:xx-small; }

.fs-large{ font-size:large; }
.fs-xlarge{ font-size:x-large; }

.str{ font-weight:bold; }
/* --------------------------------------------------
	float
-------------------------------------------------- */
.flt-l{ float:left; }
.flt-r{ float:right; }

/* --------------------------------------------------
	clear
-------------------------------------------------- */
.clear{ clear:both; }

/* --------------------------------------------------
	margin
-------------------------------------------------- */
.mb05{ margin-bottom:5px; }
.mb10{ margin-bottom:10px; }
.mb15{ margin-bottom:15px; }
.mb20{ margin-bottom:20px; }

.mtb10{ margin:10px 0; }
.mtb20{ margin:20px 0; }


/* --------------------------------------------------
	table
-------------------------------------------------- */
.table-voice{
	height:auto;
	margin:0 auto;
	}

.table-voice th{
	border:solid 1px #aaa;
	background:#46004c;
	color:#fff;
	font-size:78%;
	font-weight:bold;
	}

.table-voice td{
	font-size:78%;
	border:solid 1px #aaa;
	padding:3px 3px 3px 10px;
	text-align:left;
	}

.table-voice .td2{
	font-size:78%;
	border:solid 1px #aaa;
	padding:3px 3px 3px 10px;
	text-align:right;
	}

.table-voice .td3{
	font-size:88%;
	border:solid 1px #aaa;
	border-bottom:solid 2px #5b4663;
	background:#f9e9ff;
	padding:3px 3px 3px 10px;
	text-align:right;
	}

.table-voice .td4{
	font-size:88%;
	border-bottom:solid 2px #5b4663;
	background:#e5c5f0;
	padding:3px 3px 3px 10px;
	text-align:right;
	}

.table-voice .td5{
	font-size:88%;
	border:solid 1px #aaa;
	border-bottom:solid 2px #5b4663;
	background:#f9e9ff;
	padding:3px 3px 3px 10px;
	text-align:center;
	}

/* --------------------------------------------------
	api
-------------------------------------------------- */
.api{
	width:100%;
	margin-bottom:5px;
	}

#likeButton{
	width:auto;
	float:right;
	margin:2px;
	}
#tweetButton{
	width:auto;
	float:right;
	margin:2px;
	}

/* --------------------------------------------------
	btn
-------------------------------------------------- */
.dot_btn{
	width:180px;
	height:45px;
	text-align:center;
	float:right;
	background:url(../img/dot_line.gif) left top repeat-y;
	}

.dot_btn .inner{
	margin-top:1px;
	font-size:14px;
	color:#825e8a;
	}

.dot_btn_line{
	width:1px;
	height:45px;
	text-align:center;
	float:right;
	background:url(../img/dot_line.gif) left top repeat-y;
	}