h4.sponcer {
	color:#0066ff;
	background-color:transparent;
	border:none;
}

h4.writer {
	color:#ff6633;
	background-color:transparent;
	border:none;
}
	
.top-bg {
	background:url(/app/webroot/img/top-bg.png);
	height:405px;
	width:950px;
}

#sponcer-info {
	background:url(/app/webroot/img/top-bg.png);
	width:189px;
	height:129px;
	background-position: -475px -563px;
}

#writer-info {
	background:url(/app/webroot/img/top-bg.png);
	width:189px;
	height:129px;
	background-position: -681px -563px;
}


#risu {
	background:url(/app/webroot/img/top-bg.png);
	width:260px;
	height:326px;
	margin-right:20px;
	position:relative;
	bottom: 326px;
	z-index: 2;
	background-position: -205px -560px;	
}

.fukidashi {
	background:url(/app/webroot/img/top-bg.png);
	width:183px;
	height:116px;
	position:relative;
	top: 20px;
	z-index: 2;
	background-position: 0px -770px;
}

.site-1 {
	background:url(/app/webroot/img/top-bg.png);
	width:202px;
	height:152px;
	background-position: 0px -405px;
}

.site-2 {
	background:url(/app/webroot/img/top-bg.png);
	width:202px;
	height:152px;
	background-position: -201px -405px;
}

.site-3 {
	background:url(/app/webroot/img/top-bg.png);
	width:202px;
	height:152px;
	background-position: -402px -405px;
}

.site-4 {
	background:url(/app/webroot/img/top-bg.png);
	width:202px;
	height:152px;
	background-position: -603px -405px;
}

.site-5 {
	background:url(/app/webroot/img/top-bg.png);
	width:202px;
	height:152px;
	background-position: 0px -555px;
}



.global {
	width:100%;
	background:url(/app/webroot/img/repeat-bg.png) repeat;
	height:40px;
}

/*.navi>li{
	height:40px;
	vertical-align: middle;
	display: table-cell;
	color:#FFF;
	font-weight:bold;
	width:150px;
	text-align:center;
	background:url(/app/webroot/img/repeat-bgline.png) center right no-repeat;
}


.navi>li:hover{
	text-decoration:underline;
}

.navi>li a{
	color:#FFF;
	text-decoration:none;
}*/

/* 
		一階層目
	*/
	ul.dropdown {
		position: relative;
	}
	
	ul.dropdown > li {
		font-weight:bold;
		width:150px;
		text-align:center;
		float: left;
		zoom: 1;
		height:40px;
		background:url(/app/webroot/img/repeat-bgline.png) center right no-repeat;
	}
	
	ul.dropdown > li a {
		color:#FFF;
		display: block;
		text-decoration:none;
		top: 15%;

	}
	
	ul.dropdown > li a:hover {
		text-decoration:underline;
	}
	
	
	ul.dropdown li.hover,  ul.dropdown li:hover {
		position: relative;
	}
	
	/* 
		2階層目
	*/
	ul.dropdown ul {
		
		width: 220px;
		visibility: hidden;
		position: absolute;
		top: 100%;
		left: 0;
	}
	ul.dropdown ul li {
		padding:5px;
		text-align:left;
		color:#333;
		float: none;
	}
	
	.sponcer-drop {
		background:#fff;
		z-index: 10000; /* メニューの重ね順を一番上に */
		border:1px #0066cc solid;
	}
	
	.sponcer-drop li{
		border-bottom:1px #0066cc dotted;
		background-color:#fbfdff;
	}
	
	.sponcer-drop li:last-child , .writer-drop li:last-child{
		border-bottom:none;
	}
	
	.writer-drop {
		background:#fff;
		z-index: 10000; /* メニューの重ね順を一番上に */
		border:1px #ff6633 solid;
	}
	
	.writer-drop li{
		border-bottom:1px #ff6633 dotted;
		background-color:#fffbf7;
	}
	
	/* IE 6 & 7 Needs Inline Block */
		ul.dropdown ul li a {
		border-right: none;
		width: 100%;
		display: inline-block;
		color:#3366cc;
	}
	
	/* 
		LEVEL THREE
	*/
		ul.dropdown ul ul {
		left: 100%;
		top: 0;
	}
	ul.dropdown li:hover > ul {
		visibility: visible;
	}


.logo {
	height:62px;
	width:255px;
	display:block;
	background:url(/app/webroot/img/default/imgbutton.png) center right no-repeat;
	background-position: -109px -324px;
	text-indent: -9000px; /* 文字はあっちへ行け */
}

/* トップページ */
.rightmenu .login {
	background:url(/app/webroot/img/menu.png) no-repeat;
	margin:0;
	padding:0;
	width:230px;
	height:42px;
	text-indent:-9999px;
	display:block;
}

.rightmenu .login {
	background:url(/app/webroot/img/menu.png) no-repeat;
	margin:0;
	padding:0;
	width:230px;

	height:42px;
	text-indent:-9999px;
	display:block;

}

.rightmenu .new {
	
	background:url(/app/webroot/img/menu.png) no-repeat;
	background-position: 0px -42px;
	margin:0;
	padding:0;
	
	height:39px;
	text-indent:-9999px;
	display:block;

}

.bottom li {
	display:inline;
	line-height:110%;
	list-style-type:none;
	border-left:1px solid #ededed;
}

.bottom li:first-child {
	border-left:none;
}

.bottom li a {
	padding:0 10px;
	margin-left:3px;
}

.copyright {
	color:#999;	
}


/* js を使わない 角丸ボックス */
div.corner-outer {
	margin: 0px 1px;
	padding: 1px 0px;
	background: #CCC;
}
 
div.corner-inner {
	margin: 0px -1px;
	background: #fff;
	border-right:1px #CCC solid;
	border-left:1px #CCC solid;
	padding:20px;
}

h1 {
	margin-bottom: 35px;
	border-bottom-width: 4px;
	border-bottom-style: dotted;
	border-bottom-color: #a1a1a1;
	color: #1a273d;
	font-size: 28px;
	padding-bottom:10px;
	font-weight:normal;
	margin:20px 0;
}
h2 {
	padding:10px;
	color: #825624;
	background-color:#f8e6e6;
}

form h2 {
	color:#FFF;	
	background-color:#4f4f4f;
	margin:0;
}
h3 {
	line-height: 120%;
	margin-bottom: 20px;
	padding-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	font-size: 20px;
	font-weight:normal;
}

p {
	margin:0;
	padding:0;
	padding-bottom: 1.5em;
	font-size: 14px;
	line-height: 1.5;
}

/* タブ */
ul.tab {
	margin: 0;
	padding: 0;
	border-bottom: 2px #ddd solid;
}
ul.tab li {
	float: left;
	margin: 0 0 0 5px;
	position: relative;
	bottom: -2px;
	list-style-type: none;
	border: 1px #ddd solid;
	border-top: none;
	border-bottom: 2px #ddd solid;
}
ul.tab li.current {
	border-bottom: 2px #fff solid;
	font-weight: bold;
}

ul.tab li.current a {
	background-color:#ffffcc;
}

ul.tab a.active {
	background-color:#ffffcc;
	display:block;
	border-top: 10px;
	margin-bottom:2px;
	font-weight: bold;
}

ul.tab li a {
	color: #000;
	display: block;
	padding: 9px 30px 15px;
	text-decoration: none;
	background: #fff;
}

ul.tab li a.tab-0 {
	border-top: 5px #fd5f9b solid;
}

ul.tab li a.tab-1 {
	border-top: 5px #fed6e5 solid;
}

ul.tab li a.tab-2 {
	border-top: 5px #fdad00 solid;
}

ul.tab li a.tab-3 {
	border-top: 5px #9c5fa4 solid;
}

ul.tab li a.tab-4 {
	border-top: 5px #f94e38 solid;
}

ul.tab li a.tab-5 {
	border-top: 5px #33b5e5 solid;
}

ul.tab li a.tab-6 {
	border-top: 5px #c7e8f4 solid;
}










ul.tab li a.blue {
	border-top: 5px #2384dc solid;
}
ul.tab li a.green {
	border-top: 5px #4cbb47 solid;
}
ul.tab li a.kogecha {
	border-top: 5px #dd1d25 solid;
}
ul.tab li a.red {
	border-top: 5px #f00 solid;
}
ul.tab li a.yellow {	
	border-top: 5px #ffd242 solid;
}
ul.tab li a.pink {
	border-top: 5px #F9C solid;
}
ul.tab li a:hover {
	position: relative;
	bottom: 6px;
}
/* clerfix */
.tabclear:after {
    content:"";
    display:block;
    overflow:hidden;
}
.tabclear:after {
    clear:both;
}
.tabclear {
    zoom:1;
}




.head {
	height:102px;
}
.headsubmenu {
	margin: 5px 0 5px 0;
}
.headsubmenu li {
	display:inline;
	line-height:110%;
	list-style-type:none;
}
.headsubmenu li a {
	padding-left:10px;
	margin-left:3px;
	background:url(/app/webroot/img/default/minilist.gif) no-repeat left center;
}

/* 2column メニュー 共通 */
.usermenu a , .tellermenu a {
	color:#fff;
}

/* 2column ユーザーメニュー */

.usermenu li a.active {
	background-color:#fff;
	text-decoration:none;
	font-weight:bold;
	background-image: url(/app/webroot/img/bgtarot.png);
	background-repeat: no-repeat;
	background-position: top right;
}

.usermenu {
	border:1px solid #b39a6a;
	background-color:#d1ba8d;
	padding:17px 0 18px 0;
}

.usermenu li {
	list-style:none;
	text-align:center;
	margin-top:1px;
}
.usermenu li a {
	display:block;
	background-color:#f6f1e8;
	width:180px;
	height:45px;
	line-height:45px;
	list-style:none;
	margin:auto;
	padding-left:15px;
	text-align:left;
	color:#666666;
}

.usermenu li a:hover {
	background-color:#fbf6ed;
}



.usermenu li a.active:hover {
	background-color:#fff;
}



/* ライターログインメニュー */
/* スポンサーログインメニュー */
.sponcerbox {
	background-color:#d8ebfe;
	border:1px solid #cee1ff;
}

.sponcerbox h2{
	color:#000;
	background-color:#d8ebfe;
	font-size:12px;
	margin:5px;
	padding:0;
}

.sponcerbox>div {
	background-color:#fff;
	border:1px solid #cee1ff;
	margin:5px;
	padding:10px;
}

.sponcerbox>div .clickbox {
	background-color:#FCFCFC;
	padding-top:5px;
	padding-bottom:5px;
	border:1px solid #cee1ff;
}

.sponcerbox>div .clickbox a {
	display:block;
	font-size:18px;
}



.writerbox {
	background-color:#feebd8;
	border:1px solid #fee1d8;
}

.writerbox h2{
	color:#000;
	background-color:#feebd8;
	font-size:12px;
	margin:5px;
	padding:0;
}

.writerbox>div {
	background-color:#fff;
	border:1px solid #fee1d8;
	margin:5px;
	padding:10px;
}

.writerbox>div .clickbox {
	background-color:#FCFCFC;
	padding-top:5px;
	padding-bottom:5px;
	border:1px solid #fee1d8;
}

.writerbox>div .clickbox a {
	display:block;
	font-size:18px;
}

/* ユーザーログインメニュー */
.userbox {
	background-color:#d1ba8d;
	border:1px solid #b39a6a;
}

.userbox h2{
	background-color:#d1ba8d;
	font-size:12px;
	margin:5px;
	padding:0;
}

.userbox>div {
	background-color:#fff;
	border:1px solid #b39a6a;
	margin:5px;
	padding:10px;
	
}


/* 2column ヘルプメニュー */
.helpmenu {
	background-color:#fcd2e8;
	padding:10px;
	background-image: url(/app/webroot/img/book.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}
.helpmenu h5 {
	margin:0;
}
.helpmenu ul {
	margin:10px 10px 30px 10px;
}
.helpmenu a {
	color:#666666;
}

a.tag {
	display:block;
	font-weight:bold;
	padding:5px;
	width:100px;
	text-align:center;
	margin-right:5px;
	margin-bottom:5px;
	float:left;
}

a.mini-tag {
	display:block;
	font-weight:bold;
	padding:2px;
	width:70px;
	text-align:center;
	margin-right:2px;
	margin-bottom:2px;
	float:left;
	font-size:10px;
}

a.tag:hover {
	background-color:#933;
	color:#FFF;	
}

a.color-00,a.color-11 {	
	background-color:#e3f0fb;
	color:#5e87f0;		
}

a.color-01,a.color-12 {	
	background-color:#e3e8fb;
	color:#4678da;		
}

a.color-02,a.color-13 {	
	background-color:#e5e3fb;
	color:#4647da;		
}

a.color-03,a.color-14 {	
	background-color:#ede3fb;
	color:#7746da;		
}

a.color-04,a.color-15 {	
	background-color:#f5e3fb;
	color:#7946da;		
}

a.color-05,a.color-16 {	
	background-color:#fbe3f8;
	color:#c246da;		
}

a.color-06,a.color-17 {	
	background-color:#fbe3f0;
	color:#e046ab;		
}

a.color-07,a.color-18 {	
	background-color:#fbe3e4;
	color:#da475f;		
}


a.color-08,a.color-19 {	
	background-color:#fbeae3;
	color:#da465c;		
}


a.color-09,a.color-20 {	
	background-color:#fbf2e3;
	color:#da9146;		
}

a.color-10,a.color-21 {	
	background-color:#fbfae3;
	color:#daaa46;		
}

h5 span.sub , h1 span.sub {
	font-size:12px;
	color:#666;	
}