@charset "utf-8";

/* =====================================================================
*
*    INDEX
*
*    // エントリーページ用
*
*
*    1. Main Content
*
*    2. Entry
*       2.1. Entry Outline
*       2.2. Entry Main
*              2.2.1. Top & Bottom Navigation
*       2.3. Entry Info
*       2.4. Entry Extend
*       2.5. Entry Ad
*
*    3. Sub Contents
*       3.1. Comments
*       3.2. Comment Form
*
* =================================================================== */



/* =====================================================================
*
*    1. Main Content
*
* =================================================================== */


body.under #mainCont .wrapper {
	width: 860px;
	margin: 0 auto;
	background: url("../common/images/bg_top.gif") no-repeat scroll left top #FFFFFF;
}

body.under #subCont .wrapper {
	position:relative;
	background-image:none;
	margin:5px auto;
	padding-bottom:0;
	width:860px;
}

#entryHeader {
	position:relative;
	width: 820px;
	padding: 20px 20px 12px;
}

#entryHeader h2 {
	background: url(../common/images/hd_arc_ttl04.gif) no-repeat;
	overflow:hidden;
	width: 820px;
	height: 120px;
}

#entryHeader p.copy {
	position: absolute;
	top: 100px;
	left:650px;
	height:26px;
}


/* =====================================================================
*
*    2. __ENTRY
*
* =================================================================== */

/* ---------------------------------------------------------------------
*
*    2.1. Entry Outline
*
* ------------------------------------------------------------------- */


#entryOutline {
	background:url("../common/images/bg_feature_top.gif") no-repeat top left;
	width:820px;
	min-height:320px;
	height: auto !important;
	height:320px;
	margin-top:8px;
	padding:31px 20px 20px;
}

#entryOutline .container {
	overflow:hidden;
	background:url("../common/images/bg_feature.gif") no-repeat scroll 0 0 transparent;
	height:320px;
	width:820px;
}

	#entryOutline .entryL {
		float:left;
		width:480px;
	}

	#entryOutline .entryR {
		float:right;
		padding:0 10px;
		width:320px;
	}

/* ---------------------------------------------------------------------
*    Header + Title
* ------------------------------------------------------------------- */


#entryOutline .cName {
	height:14px;
	padding:12px  0 0 12px;
}

	.cName .cnews {background-image:url("../common/images/cat_news.png"); height:14px; width:116px;}


#entryOutline h1 {
	width:320px;
	margin-top:44px;
}


/* ---------------------------------------------------------------------
*    PhotoBox
* ------------------------------------------------------------------- */


#entryOutline .photoBox {
	width: 480px;
	height: 320px;
	margin:0;
}


/* ---------------------------------------------------------------------
*    Entry Body + Info + Sub Info
* ------------------------------------------------------------------- */


#entryOutline .entryBody p {
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.6;
}

	#entryOutline .entryBody a {color:#89AC0E;} 
	#entryOutline .entryBody a:hover {color:#FFF; background-image:none;  background-color:#89AC0E; text-decoration:none;}


/* ---------------------------------------------------------------------
*
*    2.2. Entry Main
*
* ------------------------------------------------------------------- */

#entryMain {
	float: left;
	width:555px;
	padding: 30px 40px 0 41px;
	min-height: 800px;
	height: auto !important;	
	height: 800px;
}

#entryMain h4 {
	width:554px;
	height: 20px;
	margin: 24px 0 26px 0px;
	border-left: 1px solid #40443C;
	background-repeat: no-repeat;
}

	#entryMain h4.firstChild {margin-top:0;}

.entryBody p {
	font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height:195%;
}

/* ---------------------------------------------------------------------
*
*    2.1.1. Top & Bottom Navigation
*
* ------------------------------------------------------------------- */

#entry .btmNavi p.pageTop {top:20px;}

#entry .btmNavi {
	clear:both;
	position:relative;
	background-color: #FFF;
	width: 820px;
	height: 32px;
	margin: 0 auto;
	background:url("../common/images/entry_bg_btm.gif") left bottom no-repeat;
}

#entry .topNavi,
#entry .btmNavi {
	height: 32px;
	margin: 0 auto;
	padding: 0 20px;
}

#entry .topNavi {
}

#entry .btmNavi {
	clear: both;
	padding-bottom:20px;
}

#entry .topNavi ul,
#entry .btmNavi ul {
	width: 820px;
}

#entry .btmNavi ul {
}

#entry .topNavi li.prev,
#entry .btmNavi li.prev {
	float: left;
	width: 80px;
	padding-top:6px;
}

	#entry .topNavi li.prev a,
	#entry .btmNavi li.prev a {
		width: 80px;
		height: 18px;
		background: url(../common/images/nav_prev.png) no-repeat 0 -18px;
	}

	#entry .topNavi li.prev a:hover,
	#entry .btmNavi li.prev a:hover {background-position:0 0;}

#entry .topNavi li.next,
#entry .btmNavi li.next {
	float: right;
	width: 80px;
	padding-top:6px;
}

	#entry .topNavi li.next a,
	#entry .btmNavi li.next a {
		width: 80px;
		height: 18px;
		background: url(../common/images/nav_next.png) no-repeat 0 -18px;
	}

	#entry .topNavi li.next a:hover,
	#entry .btmNavi li.next a:hover {background-position:0 0;}




/* ---------------------------------------------------------------------
*
*    2.3. Entry Info
*
* ------------------------------------------------------------------- */


#arcInfo {
	float:right;
	background:url("../common/images/bg_arc_entry_top.gif") no-repeat scroll 0 0 transparent;
	margin-top:24px;
	padding-top:12px;
	width:214px;
}

#tagList, #arcList, #addThis {
	background:url("../common/images/bg_arc_btm_alt.gif") no-repeat scroll left bottom #FF9229;
	padding-bottom:6px;
	position:relative;
	width:214px;
}

/* AddThis */

#addThis h4 {
	position:absolute;
	left:214px;
	top:0;
}

.addthis_toolbox, .addthis_default_style {
	background-color: #FFFFFF;
	margin-left: 6px;
	padding: 10px 0 2px 12px;
}

.addthis_toolbox a:hover, .addthis_default_style a:hover {background-color:transparent;}

/* tag */

#tagList h4 {
	position:absolute;
	left:214px;
	top:0;
}

#tagList .entryTag {
	background-color:#FFFFFF;
	margin-left:6px;
	padding: 10px 0 10px 12px;
}

#tagList .entryTag ul {
	padding-top:6px;
}

#tagList .entryTag ul li {
	background:url("../common/images/icon_tag.gif") no-repeat 0 0;
	margin:0 0 5px;
	padding:2px 14px 0 22px;
}


/* archive */

#arcList h4 {
	position:absolute;
	left:214px;
	top:0;
}

#arcList .basic  {
	background-color:#FFFFFF;
	width:196px;
	margin-left:6px;
	padding: 10px 0 10px 12px;
}

/* ---------------------------------
*    1st Layer
*/

#arcList .basic h5.accord {
	cursor: pointer;
	padding: 4px 0 4px 42px;
	background: url(../common/images/icon_arc_folder_off.gif) 0 -6px no-repeat;
	color: #1B1310;
}

#arcList .basic h5.selected {
	background: url(../common/images/icon_arc_folder_on.gif) 0 -6px no-repeat;
}

/* ---------------------------------
*    2nd Layer
*/

#arcList ul.second {
	width: 151px;
	margin: 0 0 0 20px;
}

#arcList ul.hide {
	display: none;;
}

#arcList ul.second li {
	padding: 2px 0 3px 22px;
	background: url(../common/images/icon_arc_item.gif) left center no-repeat;
}

#arcList ul.second li.last {
	background: url(../common/images/icon_arc_item_last.gif) left center no-repeat;
}

/* related entries */

#relatedList{
	background:url("../common/images/bg_arc_btm.gif") no-repeat scroll left bottom #FF9229;
	padding-bottom:6px;
	position:relative;
	width:214px;
}

#relatedList h4 {
	position:absolute;
	left:214px;
	top:0;
}

#relatedCont {
	background-color:#FFFFFF;
	margin-left:6px;
	padding: 6px 0 6px 6px;
	min-height:200px;
	height: auto !important;
	height:200px;
}

#relatedCont .tUnit {
	width:196px;
	height:55px;
	line-height:100%;
	overflow:hidden;
	padding:3px;
}

#relatedCont .tUnit img {
	background:url("../common/images/dotbg_brown.gif") repeat scroll 0 0 transparent;
	float:left;
	padding-right:4px;
}

#relatedCont .tUnit .ttlUnit {
	float:right;
	width:118px;
	padding-right:8px;
}


/* =====================================================================
*
*    3. __Sub Contents
*
* =================================================================== */

/* ---------------------------------------------------------------------
*
*    3.1. Comments
*
* ------------------------------------------------------------------- */

#comments {
	position: relative;
	background: #FF9229 url(../common/images/bg_comments_top.gif) no-repeat right top;
	width: 860px;
}

#comments h4 {
	left:860px;
	position:absolute;
	top:0;
}

#cmntView {
	float: left;
	width: 460px;
	color: #FFF;
}

/* ---------------------------------------------------------------------
*    Coda Slider
* ------------------------------------------------------------------- */

/* ---------------------------------
*    Slider
*/

#slider {
	width: 460px;
	margin: 25px 0 0px 0;
}

#slider .scroll {
	width: 460px;
	overflow: auto;
	overflow-x: hidden;
	position: relative;
}

#slider .scrollContainer div.panel {
	float: left;
	width: 460px;
	overflow: hidden;
}

/* ---------------------------------
*    Slider Navigation
*/

#slider .navigation {
	position: absolute;
	bottom: 0;
	width: 440px;
	padding: 30px 10px 50px 10px;
	margin-top: 10px;
}

#slider .navigation ul {
	margin: 0 auto;
	padding-left: 6px;
}

#slider .navigation ul li {
	float: left;
	width: 7px;
	margin-right: 4px;
}

#slider .navigation ul a { width: 6px; height: 6px; background: url(../common/images/coda_mark2_off.gif); }

#slider .navigation ul a:hover {
}

#slider .navigation ul a.selected {
	background: url(../common/images/coda_mark2_on.gif);
}

#slider .navigation ul a:focus {
	outline: none;
}

#slider .scrollButtons {
	position: absolute;
	bottom: 44px;
	cursor: pointer;
}

#slider .scrollButtons.left {
	left: 10px;
}

#slider .scrollButtons.right {
	right: 20px;
}

.hide {
	display: none;
}

/* ---------------------------------------------------------------------
*    Comment Unit
* ------------------------------------------------------------------- */

#slider .cUnit {
	float: left;
	width: 210px;
	padding: 0 10px 6em;
}

#slider .cHead {
	position: absolute;
	bottom: 0;
	width: 210px;
}

#slider .num {
	padding: 0 0 3px 62px;
	background: url(../common/images/cmnt_ttl.gif) no-repeat 0 0;
}

#slider .num span { display: none; }

#slider .author { height: 28px; vertical-align: baseline; }

#slider .author a { color: #960000; }
#slider .author a:link { color: #960000; }
#slider .author a:visited { color: #960000; }
#slider .author a:hover { color: #FFF; background-color:#C22525; }
#slider .author a:focus { color: #960000; background-color:#C22525;}

#slider .cBody {
	color: #FFF;
	line-height: 195%;
}


/* ---------------------------------------------------------------------
*
*    3.2. Comment Form
*
* ------------------------------------------------------------------- */

#cmntForm {
	float: right;
	position: relative;
	background: #FFFFFF url(../common/images/bg_comments_btm.gif) no-repeat right bottom;
	width: 390px;
	margin-top:12px;
	padding: 0 0px 12px 0;
}

#cmntFormHeader {
	position: absolute;
	height:137px;
	top:-12px;
	left: 390px;
}

#comment-greeting {
	width: 380px;
	padding: 0 10px 0 0;
	text-align: right;
}

#cmntForm .comments-open, #cmntForm .comments-open-content, #comments-open-data {
	width: 390px;
}

#cmntForm .comments-open {
	padding-top: 20px;
}

#comments-open-data dl {
	position:relative;
	display: block;
	width: 350px;
	padding: 0 20px 0;
	margin-bottom:  16px;
	height: 30px;
}

#comments-open-data dl dt {
	float: left;
}

#comments-open-data dl dt label { width:56px; height: 28px;  }

#comments-open-data dl dt label.name { background: url(../common/images/form_ttl_name.gif) no-repeat left center; }
#comments-open-data dl dt label.mail { background: url(../common/images/form_ttl_mail.gif) no-repeat left center; }
#comments-open-data dl dt label.url { background: url(../common/images/form_ttl_url.gif) no-repeat left center; }

#comments-open-data dl dd {

}

#comments-open-data dl dd input {
	position:absolute;
	background: #FFF  url(../common/images/form_input.gif) no-repeat;
	border: none;
	width:182px;
	height:22px;
	padding: 6px 12px;
	font-size: 100%;
	color: #666;
	top:0;
	left:162px;
}

/* ---------------------------------------------------------------------
*    #comment-form-remember-me
* ------------------------------------------------------------------- */

#comment-form-remember-me {
	clear: both;
	width: 131px;
	padding: 13px 16px 0 243px;
}

	#comment-form-remember-me span {
		position: relative;
		display: block;
		float: left;
		width: 131px;
		height: 22px;
		padding: 0;
		overflow: hidden;
		cursor: pointer;
	}

	#comment-form-remember-me span.on { background: url(../common/images/hd_cmnt_radio_on.gif) no-repeat 0 0; }
	#comment-form-remember-me span.off { background: url(../common/images/hd_cmnt_radio_off.gif) no-repeat 0 0; }
	
	#comment-form-remember-me span input { width: 0; height: 0; overflow: hidden; visibility: hidden; }

	#comment-form-remember-me label {
		position: absolute;
		top: 4px;
		left: 0;
		display: block;
		height: 13px;
		overflow: hidden;
		text-indent: -9999px;
		cursor: pointer;
	}

	#comment-form-remember-me label { width: 131px; background: url(../common/images/form_ttl_remember.gif) right top no-repeat; }

/* ---------------------------------------------------------------------
*    #comment-form-reply
* ------------------------------------------------------------------- */

#comment-form-reply { width: 390px; }

/* ---------------------------------------------------------------------
*    #comments-open-text
* ------------------------------------------------------------------- */

#comments-open-text {
	width: 350px;
	margin: 0 0 62px;
	padding: 0 20px;
}

#comments-open-text label {
	background: url(../common/images/form_ttl_cmnt.gif) no-repeat;
	height: 13px;
	width: 56px;
	margin-bottom: 10px;
}

#comments-open-text textarea {
	background: transparent url(../common/images/form_textarea.gif) no-repeat left top;
	width: 330px;
	height: 155px;
	resize: none;
	overflow: hidden;
	padding: 10px;
	border: 0;
	color: #666;
	line-height: 1.5;
	font-size: 100%;
}

/* ---------------------------------------------------------------------
*    #comments-open-captcha
* ------------------------------------------------------------------- */

#comments-open-captcha {
	width: 390px;
	height: 0px;
	overflow: hidden;
}

/* ---------------------------------------------------------------------
*    #comments-open-footer
* ------------------------------------------------------------------- */

#comments-open-footer {
	position: absolute;
	bottom: 20px;
	padding: 0 20px;
	width: 350px;
	height: 26px;
	overflow: hidden;
}

input#comment-preview { display: none; }

input#comment-submit {
	width: 350px;
	height: 26px;
	padding-top: 26px;
	overflow: hidden;
	background: transparent url(../common/images/form_btn_send.gif) 0 -26px;
	border: none;
	cursor: pointer;
}
input#comment-submit:hover {
	background-position: 0 0;
}