@charset 'utf-8';
@import url(/template/kanri/mt-static/themes-base/blog.css);
@import url(page.css);

/* =======================================
  INDEX styles.css
 -----------------------------------------
  1.main			ページ全体
  2.header			ヘッダー
  3.left_box		左部分
  4.contents_box	右コンテンツ
  5.footer			フッター
  6.index			メインページ
  	6-1.main_image		メインイメージ
	6-2.news_box		新着情報リスト
  7.sub				配下ページ
  	7-1.base			配下ページ基本部分
	7-2.entry-box		エントリー
	7-3.comment			コメント関連
	7-4.trackbacks		トラックバック
	7-5.comments		コメント
	7-6.sitemap			サイトマップ
	7-7.contact_form	お問い合わせフォーム
  8.other
    8-1.line
    8-2.color
    8-3.background
    8-4.position
 ===================================== */

* {
	margin		: 0;
	padding		: 0;
	font-style	: normal;
	font-size	: 13px;
	font-family	: Verdana,sans-serif;
	}

html{
	overflow-y	: scroll;
	}

body{
	margin		: 0 auto;
	text-align	: center;
	color		: #333;
	letter-spacing	: 0.1em;
	background	: url("../images/bg.gif");
	}

h1,h2,h3,h4,h5,
address,
div,img{
	margin		: 0;
	padding		: 0;
	font-weight	: normal;
	}

ol,ul,li,
dl,dd{
	margin		: 0;
	padding		: 0;
	}

ul{
	list-style	: none;
	}

* html table,
* html th,
* html td{
	font-size	: 12px;
	}

p{
	margin		: 5px 0;
	line-height	: 140%;
	}

img{
	border		: none;
	}

a{
	color		: #333;
	text-decoration	: underline;
	}

a:hover{
	color		: #333;
	text-decoration	: none;
	}

a:visited{
	color		: #666;
	}

/* 1.main	ページ全体
=====================================*/
#main{
	width		: 800px;
	margin		: 0 auto;
	padding		: 0 5px;
	text-align	: left;
	letter-spacing	: 0.1em;
	line-height		: 140%;
	background	: #FFF;
	}
	
#main{
    overflow		: hidden;
    }

#main:after{
    content			: "";
    display			: block;
    clear			: both;
    height			: 1px;
    overflow		: hidden;
    }

/*\*/
* html #main{
    height			: 1em;
    overflow		: visible;
    }
/**/

.pagetop{
	margin		: 20px;
	text-align	: right;
	clear		: both;
	}


/* 2.header	ヘッダー
=====================================*/
#header{
	}

#header_top{
	padding		: 2px 5px 0 5px;
	background	: #03386A;
	color		: #FFF;
	}

#logo{
	margin		: 0;
	float		: left;
	}

h1{
	float		: left;
	color		: #FFF;
	font-size	: 12px;
	}
	
#header_topic{
	margin		: 0;
	text-align	: right;
	vertical-align	: top;
	}
	
/*
	
h2{
	float		: right;
	position	: relative;
	top			: 16px;
	right		: 350px;
	color		: #FFF;
	font-size	: 12px;
	}

h2 a,
h2 a:hover,
h2 a:visited{
	color		: #333;
	text-decoration	: none;
	}
*/

.header_menu{
	width		: auto;
	float		: right;
	}
	
.header_menu ul{
	margin		: 5px 0 0 0;
	}

.header_menu li{
	width		: auto;
	float		: left;
	text-align	: right;
	text-indent	: 1em;
	background	: url("../images/li_menu.gif") no-repeat left center;
	}

.header_menu li img{
	vertical-align	: bottom;
	}


/* 3.left_box	左部分
=====================================*/
#left_box{
	width		: 195px;
	margin		: 0 15px 0 0;
	float		: left;
	}

	/* 3-1.main_menu	メインメニュー
	-------------------------------------*/
	#main_menu{
		margin		: 0 0 20px 0;
		}
		
	#main_menu li{
		width		: 195px;
		margin		: 5px 0 5px 0;
		}
	
	#main_menu li a{
		padding		: 10px 5px 12px 15px;
		display		: block;
		vertical-align	: middle;
		background	: url("../images/bg_menu.gif") no-repeat left bottom;
		}
		
	/* 3-2.sub_cat	サブカテゴリー表示
	-------------------------------------*/
	#main_menu li ul.sub_cat{
		margin		: 5px 0 0 0;
		display		: block;
		}
	
	#main_menu li ul.sub_cat li{
		width		: 175px;
		margin		: 0 0 0 8px;
		}
	
	#main_menu li ul.sub_cat li a{
		padding		: 0 0 0 15px;
		display		: block;
		background	: url("../images/arrow.gif") no-repeat left center;
		}
	
	/* 3-2.sub_cat	月別アーカイブ表示
	-------------------------------------*/
	.ttl_month{
		width		: 175px;
		margin		: 0 0 10px 0;
		padding		: 1px 0 1px 15px;
		background	: url("../images/bg_ttl.gif") no-repeat left bottom;
		}
		
	.sub_month li{
		width		: 175px;
		margin		: 0 0 0 8px;
		padding		: 0 0 0 15px;
		background	: url("../images/arrow.gif") no-repeat left center;
		}
	
	/* 3-3.mobile	モバイル関連表示
	-------------------------------------*/
	#mobile{
		margin		: 10px 0;
		text-align	: center;
		clear		: both;
		}
	
	#mobile p{
		margin		: 5px 2px;
		font-size	: 80%;
		line-height	: 150%;
		color		: #666;
		text-align	: left;
		}


/* 4.contents_box	右コンテンツ
=====================================*/
#contents_box{
	width		: 580px;
	float		: right;
	margin		: 10px 0 0 0;
	}


/* 5.footer	フッター
=====================================*/
#footer{
	clear		: both;
	padding		: 2px;
	margin		: 20px 0 0 0;
	text-align	: center;
	font-size	: 90%;
	background	: #03386A;
	color		: #FFF;
	}


/* 6.index	メインページ
=====================================*/
	/* 6-1.main_image	メインイメージ
	-------------------------------------*/
	#main_image{
		width		: 800px;
		height		: 300px;
		margin		: 10px auto 10px auto;
		float		: right;
		background	: url("../images/main_image.jpg") no-repeat top left;
		}
		
	#main_image h2{
		margin		: 30px 10px 0 365px;
		}
		
	#main_image p{
		margin		: 0 10px 0 375px;
		}		
	
	/* 6-2.news_box	新着情報リスト
	-------------------------------------*/
	#news_box{
		clear		: boht;
		}
		
	#news_box li{
		padding		: 3px 0;
		background	: url("../images/bg_dotted.gif") repeat-x bottom left;
		}

	/* 6-1.PR	ＰＲ
	-------------------------------------*/
	#move_in_up{
		border		: 2px solid #999;
		text-align	: center;
		margin		: 0 0 10px 0;
		}
	
	.in_up_link{
		background	: url("../images/up_btn_bg.gif") no-repeat center;
		padding		: 16px 10px;
		font-weight	: bold;
		}
		
	.in_up_link a{
		color		: #FF0000;
		font-size	: 16px;
		}
		
	#move_in_up p{
		margin		: 5px 10px;
		}
	
	#main_PR{
		border		: 8px solid #EAEAEA;
		padding		: 3px 5px;
		margin		: 0 0 15px 0;
		}
	#main_PR h3{
		float		: left;
		margin		: 0 8px 0 0;
		}
		
	#main_PR p{
		width		: 283px;
		clear		: left;
		float		: left;
		margin		: 0 8px 0 0;
		}


/* 7.sub	配下ページ
=====================================*/
	/* 7-1.base　配下ページ基本部分
	-------------------------------------*/
	.topic_path{
		margin		: 0 0 10px 0;
		}
	
	.ttl_cat{
		width		: 580px;
		margin		: 0 0 10px 0;
		padding		: 5px 0;
		text-indent	: 1em;
		font-weight	: bold;
		background	: url("../images/bg_ttl.gif") no-repeat left bottom;
		}
	
	/* 7-2.entry-box	エントリー
	-------------------------------------*/
	.entry_box{
		width		: 580px;
		margin		: 0 0 20px 0;
		}
	
	.entry_box p{
		margin		: 5px 0 15px 0;
		}
		
	.entry_footer{
		padding		: 8px 0 0 0;
		text-align	: right;
		background	: url("../images/bg_dotted.gif") repeat-x top left;
		}

	/* 7-3.comment	コメント関連
	-------------------------------------*/
	.ttl_comment{
		width		: 570px;
		margin		: 0 0 10px 0;
		padding		: 5px 0;
		text-indent	: 1em;
		font-weight	: bold;
		border-bottom	: double 3px #84B8EA;
		}
	
	.comment_footer{
		padding		: 0 0 5px 0;
		text-align	: right;
		}
		
	.comment_form{
		width		: 550px;
		margin		: 0 0 0 10px;
		}
	
	#comment-preview,
	#comment-submit,
	#comment-cancel{
		width		: 80px;
		padding		: 2px;
		}

	/* 7-4.trackbacks	トラックバック
	-------------------------------------*/
	.trackbacks-info input{
		margin	: 0;
		padding	: 2px;
		font-size	: 12px;
		}

	/* 7-5.comments	コメント
	-------------------------------------*/
	.comments input#comment-author,
	.comments input#comment-email,
	.comments input#comment-url{
		width		: 350px;
		padding		: 2px;
		font-size	: 12px;
		}
	
	textarea{
		padding		: 2px;
		font-size	: 12px;
		}
		
	/* 7-6.sitemap	サイトマップ
	-------------------------------------*/
	ul.li_sitemap{
		margin		: 20px;
		line-height	: 200%;
		}
	
	ul.li_sitemap li{
		text-indent	: 2em;
		background	: url("../images/li_sitemap.gif") no-repeat left center;
		}
		
	/* 7-7.contact_form	お問い合わせフォーム
	-------------------------------------*/
	table.contact_form{
		width		: 500px;
		margin		: 0 5px;
		font-size	: 12px;
		empty-cells	: show;
		border-collapse	: collapse;
		border-top	: solid 1px #CCC;
		border-left	: solid 1px #CCC;
		}
		
	table.contact_form th{
		width		: 150px;
		padding		: 6px 0;
		letter-spacing	: 0em;
		text-align	: center;
		background	: #EEEEEE;
		}
		
	table.contact_form th,
	table.contact_form td{
		font-size	: 12px;
		empty-cells	: show;
		border-collapse	: collapse;
		border-right	: solid 1px #CCC;
		border-bottom	: solid 1px #CCC;
		}
		
	table.contact_form td{
		width		: 300px;
		padding		: 6px 5px;
		}
		
	table.contact_form input{
		width		: 250px;
		padding		: 2px;
		}
		
	table.contact_form textarea{
		width		: 280px;
		padding		: 2px;
		}
		
	table.contact_form td.radio input{
		width		: 20px;
		}

/* 8.other	その他
=====================================*/
.b{
	font-weight	: bold;
	}

.normal{
	font-weight	: normal;
	}

.none{
	text-decoration	: none;
	border			: none;
	}

.thin{
	letter-spacing	: 0em;
	}

.short{
	line-height	: 120%;
	}

.size10{
	font-size		: 10px;
	}

.size14{
	font-size		: 14px;
	}

.size16{
	font-size		: 16px;
	}

	/* 8-1.line
	--------------------------------------*/
	hr {
		display		: none;
		}
	
	.clr {
		height		: 0;
		clear		: both;
		}
		
	clear{
		clear		: both;
		}
	
	.line01,
	.line02{
		margin		: 10px 0;
		clear		: both;
		}
	
	.line01{
		height		: 8px;
		background	: url(../images/line01.gif) repeat-x;
		}

	.line02{
		height		: 9px;
		background	: url(../images/line02.gif) repeat-x;
		}	

	/* 8-2.color
	--------------------------------------*/
	.lightblue{
		color		: #09F;
		}
	
	.blue{
		color		: #06C;
		}
	
	.red{
		color		: #F00;
		}
	
	.pink{
		color		: #C06;
		}
	
	.orange{
		color		: #F90;
		}
		
	.lightgreen{
		color		: #690;
		}

	.green{
		color		: #093;
		}
	
	.darkgreen{
		color		: #099;
		}

	/* 8-3.background
	--------------------------------------*/
	.bg_gray{
		background-color	: #EEE;
		}
	
	.bg_white{
		background-color	: #FFF;
		}
			
	/* 8-4.position
	--------------------------------------*/
	.textC{
		text-align	: center;
		}
	
	.textR{
		text-align	: right;
		}
	
	.textL{
		text-align	: left;
		}
	
	.imgR{
		float		: right;
		margin		: 0 0 10px 10px;
		}

	.imgL{
		margin		: 0 10px 10px 0;
		float		: left;
		}