@charset "UTF-8";

body {
	margin:0px;
	font-size: 12px;
	font-family: "Verdana","Arial","Chicago","Helvetica","ＭＳ ゴシック","MS Gothic","Osaka",sans-serif;
	color:#666666;
}

/* 共通アンカースタイル設定  ========================================*/

	a {
		color: #333333;
		text-decoration: none;
	}

	a:visited {
		color:#333333;
	}

	a:hover {
		color: #8c973c;
	}

	a:active {
		color:#8c973c;
	}

	a.siro {/*リンクされた文字*/
		color:#ffffff;
		font-style:normal;
		text-decoration:none;
	}
	a:link.siro {/*未訪問のリンク*/
		color:#ffffff;
		font-style:normal;
		text-decoration:none;
	}
	a:visited.siro {/*訪問後のリンク*/
		color:#ffffff;
		text-decoration:none;
	}
	a:hover.siro {/*マウスをのせたとき*/
		color:#ffffff;
		font-style:normal;
		text-decoration:underline;
	}
	a:active.siro {/*クリック中*/
		text-decoration:none;
	}

	a.hai {/*リンクされた文字*/
		color:#666666;
		font-style:normal;
		text-decoration:none;
	}
	a:link.hai {/*未訪問のリンク*/
		color:#666666;
		font-style:normal;
		text-decoration:none;
	}
	a:visited.hai {/*訪問後のリンク*/
		color:#666666;
		text-decoration:none;
	}
	a:hover.hai {/*マウスをのせたとき*/
		color:#666666;
		font-style:normal;
		text-decoration:underline;
	}
	a:active.hai {/*クリック中*/
		text-decoration:none;
	}

/* 共通フォント指定 */
	.r11 {
		font-family:ＭＳ Ｐゴシック,Osaka;
	}
	.r11 {
		font-size:11px;
	}
	.r11 {
		line-height:15px;
	}
	.r11 {
		color:#C56D4C;
	}
	.r12 {
		font-family:ＭＳ Ｐゴシック,Osaka;
	}
	.r12 {
		font-size:12px;
	}
	.r12 {
		line-height:15px;
	}
	.r12 {
		color:#C56D4C;
	}
	.font9 {
		font-size:9px;
	}
	.font10 {
		color:#666666;
		font-size:10px;
		line-height:15px;
	}
	.font12 {
		color:#666666;
		font-size:12px;
		line-height:15px;
	}
	.font12-green {
/*		color:#8C973C;	*/
		font-size:10px;
		text-align:center;
	}
	.line-20 {
		line-height:20px;
	}



/* ◆かみしほろん用デザイン設定  ===========================================*/

/* レイアウト用幅設定 */
	#container {
		margin:auto;
	}

	#header,
	#footer,
	{
		width:100%;	/* container幅と合わせる */
	}

	/* ヘッダ */
	#header {
	}

		#title {
			width:893px;
			height:100px;
			margin:auto;
			padding-top:32px;
			padding-right:12px;
			background-image:url("../images/header_background.jpg")
		}

		#header_title_login_container {
			width:210px;
			margin-right:0px;
			margin-left:auto;
		}

			#header_title_login_container a {
				display:block;
			}

			#header_title_login_container span {
				display:none;
			}

			#header_title_login_password_check {
				height:35px;
			}

				#header_title_login_password_check a {
					height:25px;
					line-height:25px;
					text-align:center;
					font-size:10px;
					text-decoration:underline;
				}

			#header_title_login_new {
				float:left;
				width:100px;
				height:50px;
			}

			#header_title_login_normal {
				float:right;
				width:101px;
				height:50px;
			}

				#header_title_login_new a,
				#header_title_login_normal a
				{
					height:50px;
				}

		#submenu {
			height:40px;
			background-image:url("../images/horizontal_border_index.jpg");
			background-position:bottom;
			background-repeat:repeat-x;
		}

			#submenu ul {
				width:905px;
				list-style:none;
				padding:0px;
				margin:0px auto 3px;
			}
			#submenu li {
				float:left;
				margin:0px;
				padding:0px;
			}

			#submenu a {
				display:block;
				margin-left:5px;
			}

			#submenu span {
				display:none;
			}

				/* タブ画像設定 */
				.index_submenu_tab_top a{
					width:179px;
					line-height:37px;
					height:37px;
					background-image:url("../images/index_submenu_tab_top.jpg");
				}
				.index_submenu_tab_blog a{
					width:172px;
					line-height:37px;
					height:37px;
					background-image:url("../images/index_submenu_tab_blog.jpg");
				}
				.index_submenu_tab_kuchikomi a{
					width:172px;
					line-height:37px;
					height:37px;
					background-image:url("../images/index_submenu_tab_kuchikomi.jpg");
				}
				.index_submenu_tab_help a{
					width:171px;
					line-height:37px;
					height:37px;
					background-image:url("../images/index_submenu_tab_help.jpg");
				}
				.index_submenu_tab_about a{
					width:179px;
					line-height:37px;
					height:37px;
					background-image:url("../images/index_submenu_tab_about.jpg");
				}

	/* このページの先頭へ戻る部 */
	
	.to-home {
		width:900px;
		margin:auto;
	}
	
	.to-home a{
		clear:both;
		display:block;
		width:194px;
		height:32px;
		margin-right:0px;
		margin-left:auto;
		background-image:url("/static/images/tab_backtotop.jpg");
	}
		.to-home a span {
			display:none;
		}


	#footer {
		clear:both;
		text-align:center;
		height:40px;
		padding-top:20px;
		background-image:url("../images/horizontal_border_index.jpg");
		background-position:top;
		background-repeat:repeat-x;
	}

	#left,
	.login
	{
		float:left;
		width:175px;
		margin:0px;
	}

	#right {
		float:right;
		width:200px;
	}

	#main {
		float:left;
		width:500px;
		margin:0px 12px 10px;
	}


	/* メインコンテンツ 両端マージン設定 */
	#center_container {
		width:900px;
		margin:auto;
		padding:20px 0px 0px;
	}

	/* インラインフレーム自動幅設定対策 */
	.login-frame
	{
		width:155px;
		height:230px;
		padding:0px 5px;
		margin:0px 5px;
	}
		.login-button {
			height:30px;
			margin-top:10px;
		}

	/* == #mainコンテナ内のブロック(float対策 + paddingの設定) == */
	#main-text,					/* float指定のためwidth指定必須 */
	#main-nobd					/* float指定のためwidth指定必須 */
	{/* float指定のためwidth指定必須 */
		width:490px;
		padding-left: 5px;
		padding-right: 5px;
	}

	/* genre.html用 */
	#wrapper-category {
		float:right;
		width:710px;
	}



/* == レイアウト用横幅絶対値指定管理ここまで ======================================================= */


/* ◇common  =========================================================================== */


/* ログインしてブログを書く */
	/* 上部画像はこのクラスを付与しているimgタグにて設定 */
	.img-login {
		vertical-align: top;	/* imgタグ記述直後の改行によってスキマが開くIE不具合対策 */
	}

	div.login {
		color: #666666;
		margin:auto;
		padding-top:10px;
		line-heght: 17px;
		font-size:12px;
		background-image:url("../images/me_06_sideline.gif");
	}

	/* 下部画像は全体ブロックの下部にbackground-imageで設定 */
	#login_container {
		width:175px;	/* 画像背景のため長さ固定 */
	}

/* ブログヘルプ＆お問い合わせ */
	.img-help {
		vertical-align: top;	/* imgタグ記述直後の改行によってスキマが開くIE不具合対策 */
	}

	/* サイドの枠線はここで指定 */
	div.n_p_help{
		padding-top:10px;
		margin:0px 10px 0px 10px;
		border-top:1px dotted #C3C4BE;
		line-height: 20px;
		font-family: ＭＳ Ｐゴシック,Osaka;
		font-size:12px;
	}

	div.n_p_help a {
		text-decoration:underline;
	}

	div.n_p_help_tolist {
		margin-top:10px;
	}

	/* 下部画像は全体ブロックの下部にbackground-imageで設定 */
	#help_container {
		margin-bottom:5px;
		border:1px solid #cccccc;
		padding-bottom:10px;
		background-color:#F0F1E9;

	}

/* helpのcss引用+微修正 */
div#help_menu {font-size:12px;font-family : Arial,'ＭＳ Ｐゴシック',sans-serif ;}
div#help_menu ul {list-style:none;}
div#help_menu ul.list {margin-bottom:25px;}
div#help_menu ul.list li {background:url(/static/help/common/images/star.gif) left top no-repeat; padding-left:20px; margin-bottom:10px;}
div#help_menu ul.list li ul {margin-top:10px;}
div#help_menu ul.list li ul li {background:url(/static/help/images/blet-img.jpg) left -3px no-repeat; padding-left:15px; float:left; margin-bottom:5px;}
div#help_menu ul.list li ul li ul li {background:none; padding:0; margin-bottom:5px;}
div#help_menu h3 {margin:0px;}
div#help_menu a {color:#333; text-decoration:underline;}
div#help_menu a:hover {text-decoration:none; color:#f93;}
div#help_menu ul#menu_list {margin:0px 10px; padding:10px 5px; list-style:none; color:#333; background:url(/static/help/common/images/line_break.gif) top repeat-x;}
div#help_menu ul#menu_list li {margin-bottom:5px;}
div#help_menu ul#menu_list li.underline {background:url(/static/help/common/images/line_break.gif) bottom repeat-x; padding-bottom:15px; margin:0 10px 5px 0;}
div#help_menu ul#menu_list li ul {background:url(/static/help/common/images/line_listA.gif) left repeat-y; list-style:none; margin:7px 0 0 0px; padding-left:3px; }
div#help_menu ul#menu_list li ul li {background:url(/static/help/common/images/line_listB.gif) left 4px no-repeat; padding-left:10px; margin-bottom:7px;}
div#help_menu ul#menu_list li ul li.bottom_list {background:url(/static/help/common/images/line_listC.gif) left bottom no-repeat; margin:0 0 0 -2px; padding-left:12px;}
div#help_menu ul#menu_list li ul li.bottom_list02 {background:url(/static/help/common/images/line_listD.gif) left -30px no-repeat; margin:0 0 0 -2px; padding-left:12px;}
div#help_menu ul#menu_list li ul li ul {background:none;}
div#help_menu ul#menu_list li ul li ul#blog_list {background:#f1f2ec url(/static/help/common/images/dummy.gif); margin-left:-25px;}
div#help_menu ul#menu_list li ul li ul#blog_list li {padding-left:30px;}
div#help_menu ul#menu_list li ul li ul li {background:none; padding-left:0; margin-bottom:3px;}

/* ランキングページ共通 */

div.outranks {
	padding-top:20px;
}

div.new_blog_list_outranks {
	margin-bottom:5px;
}

div.new_blog_list_outranks a {
	text-decoration:underline;
}

div.new_blog_list_outranks span{
	font-size:12px;
	line-height:15px;
}

div.new_blog_list_outranks img{
	vertical-align:middle;
}

div.new_blog_list_outranks .blog_list_date {
	margin-right:10px;
}

div.new_blog_list_outranks .outranks_blog_title {
	font-size:10px;
}

/* ◆layout index ====================================================================== */

span.link-to-blog a,
li.new-blogs a
{
	text-decoration:underline;
}

/* ブログサムネイル部分共通 */

div#main-nobd,
div#main-text
{
	clear:both;
}


div#koukoku2-new {
	width:60px;
	height:78px;
	overflow:hidden;
	padding:10px;
	float:left;
}

div#koukoku2-new .koukoku2-new_icon {
	text-align:center;
	height:60px;
}

div#koukoku2-new a{
	display:block;
	font-size:10px;
	line-height:14px;
	text-decoration:underline;
}

/* もっと見る */

#main div.look-more {
	clear:both;
	text-align:right;
	line-height:60px;
	padding:0px;
	margin:0px;
}

#main div.look-more a
{
	font-size:12px;
	padding-right:15px;
	text-decoration:underline;
}

#main div.new_kijis_staff a{
	background-image:url(/static/images/icon_allow_orange_right.gif);
	background-position:right center;
	background-repeat:no-repeat;
}

#main div.saisin a{
	background-image:url(/static/images/icon_allow_green_right.gif);
	background-position:right center;
	background-repeat:no-repeat;
}

/* 昨日のアクセスランキング */
	div.menubar-ranking {	/* 見出し帯 */
		margin:20px 0px 5px;
	}
	#n_p_rank {
		line-height:18px;
	}

	.comment_rank_title {
		font-weight:bold;
		text-align:center;
	}

	#rank_text {
		clear:both;
		width:100%;
	}

	#rank_text img{
	}

	#rank_text span {
		display:block;
		float:left;
		margin-top:5px;
	}

	#rank_text #ranking {
		width:20px;
	}

	#rank_text #no {
		width:14px;
	}

	#rank_text .link-to-blog {
		margin-top:7px;
		width:135px;
	}

	#n_p_rank .look-more {
		clear:both;
		text-align:right;
	}

/* ようこそ！新着ブログ */
	div.menubar-new {	/* 見出し帯 */
		margin:20px 0px 8px;
	}

	ul.new-blogs-list{
		margin:0px 0px;
		padding:0px;
		list-style-image:url("../images/icon_listmark_arrow_sepia.jpg");
	}

	ul.new-blogs-list li {
		margin-left:22px;
		margin-bottom:5px;
		padding-left:0px;
		line-height:18px;
	}

/* キーワードで記事を探す */
	/* 上部画像はこのクラスを付与しているimgタグにて設定 */
	div.menubar-search.img{
		vertical-align: top;	/* imgタグ記述直後の改行によってスキマが開くIE不具合対策 */
	}

	/* サイドの枠線はここで指定 */
	div.search-box {
		margin:0px;
		padding:10px 0px 10px 15px;
		font-size:12px;
		background-image:url("../images/me_02_sideline.gif");
	}

	#search {
		width:90px;
		border:1px solid silver;
	}

	#search_button {
		width:40px;
		height:22px;
		margin-left:5px;
		font-size:12px;
	}

	#blog-search-container {
		margin:10px 0px 10px;
		padding-bottom:8px;		/* 下部画像表示領域。画像の縦幅と同値にする */
		background-image:url("../images/me_02_underline.gif");
		background-repeat:no-repeat;
		background-position:bottom;
		
	}

	#blog-search-container form {
		margin:0px;
		padding:0px;
	}

/* かみしほろんマスターブログ一覧 */
	/* 上部画像はこのクラスを付与しているimgタグにて設定 */
	.staff-menu-img{
		vertical-align: top;	/* imgタグ記述直後の改行によってスキマが開くIE不具合対策 */
	}

	/* サイドの枠線はここで指定 */
	div.n_p_12{
		margin:0px;
		padding:15px;
		line-heght: 16px;
		font-size:12px;
		background-image:url("../images/me_11_sideline.gif");
	}

	/* 下部画像は全体ブロックの下部にbackground-imageで設定 */
	#staff-blog-container {
		margin-top:10px;
		margin-bottom:5px;
		padding-bottom:8px;		/* 下部画像表示領域。画像の縦幅と同値にする */
		background-image:url("../images/me_11_underline.gif");
		background-repeat:no-repeat;
		background-position:bottom;
		
	}

/* オススメブログ */
	#osusume {
		background-image: url("../images/back_osusume_blog.gif");
		background-position: bottom;
		margin-bottom: 10px;
		padding-bottom: 10px;
	}

	div.blog-url a {
		font-size: 12px;
		text-decoration: underline;
	}

	div.n_p-osusume {
		text-align: center;
	}
	div.n_p-osusume div.blog-url p {
		margin-top: 5px;
	}

/* かみしほろん.com 携帯サイト */

	#mobile-container {
		height:150px;
	}

	div.menubar-mobile img {
		vertical-align: top;	/* imgタグ記述直後の改行によってスキマが開くIE不具合対策 */
		margin-bottom:10px;
	}

	div.n_p-mobile img{
		border:1px dotted silver;
		vertical-align:top;
		float:right;
	}

	.url-mobile {
		display:none;
	}

	.mobile-button {
		margin-top:10px;
	}

	div.n_p-mobile p {
		width:50%;
		text-align:left;
	}

/* 中央下部メニュー */
	.index_content_bottom_menu {
		line-height:30px;
		text-align:center;
	}
	.index_content_bottom_menu a{
		font-size:10px;
		text-decoration:underline;
	}

/* ◆layout genre ====================================================================== */

/* ブログを始める */
	/* 上部画像はこのクラスを付与しているimgタグにて設定 */
	.img-regist {
		vertical-align: top;	/* imgタグ記述直後の改行によってスキマが開くIE不具合対策 */
	}

	#regist_contents {
		background-image:url("../images/me_06_sideline.gif");
		padding-top:10px;
		height:60px;
		color: #666666;
	}

	div.regist_button a{
		display:block;
		width:155px;
		height:37px;
		margin:auto;
	}

	div.regist_help {
		padding:0px 10px;
	}

	div.regist_help a{
		font-size:12px;
		text-decoration:underline;
	}
	div.regist_help img {
		vertical-align:middle;
	}

	/* 下部画像は全体ブロックの下部にbackground-imageで設定 */
	#regist_container {
		width:175px;	/* 画像背景のため長さ固定 */
		margin-bottom:5px;
		padding-bottom:8px;		/* 下部画像表示領域。画像の縦幅と同値にする */
		background-image:url("../images/me_06_underline.gif");
		background-repeat:no-repeat;
		background-position:bottom;
		
	}

	/* カテゴリメニュー */
	div.cate {
		padding:10px 5px;
	}

	div.cate a {
		color:#333333;
		text-decoration:underline;
	}

	div.cate a:link:hover {
		color:#FF9900;
	}

	div.cate img {	/* IE6で画像を含む行のline-heightが正常に反映されないバグへの対策。line-20のline-heightに合わせる */
		vertical-align:middle;
		_padding:4px 0px 5px;/* 画像の高さは11px 合計で20pxとなるように */
	}

	#category-region-container2 .menubar {
		margin-top:15px;
	}

/* 中央下部メニュー */
	.genre_content_bottom_menu {
		margin:0px;
	}
	.genre_content_bottom_menu a{
		font-size:10px;
		text-decoration:underline;
	}

/* ◆layout blog_list ================================================================== */