@charset "utf-8";

/* コンテンツ共通↓ */
/* コンテンツのサイズに合わせて選択 */
div#inner, div#inner_small, div#inner_n, div#inner_m{
	background-color: #ffffff; 
	text-align: left;
	/* padding:30px 0px 50px 0px; UP RIGHT DOWN LEFT */
	margin:auto;
	margin-bottom : 50px;
	overflow: hidden;
	zoom: 1;
}

div#inner {
	padding:30px 0px 50px 0px;  /*UP RIGHT DOWN LEFT */
	width:880px;

}
div#inner_n {
	padding:30px 0px 50px 0px;  /*UP RIGHT DOWN LEFT */
	width:850px;

}
div#inner_m {
	padding:30px 0px 50px 0px;  /*UP RIGHT DOWN LEFT */
	width:780px;

}
div#inner_small {
	padding:30px 0px 50px 0px; /* UP RIGHT DOWN LEFT */
	width:715px;
}

/* コンテンツ左メニュー */
div#tatemenu {
	width:200px;
	float:left;
	font-size:93%;
	line-height : 130%;
	}

div#tatemenu .group {
	border:none;
	background-color:#f0ff80;
	height:20px;
	padding-top:7px;
	padding-left:15px;
	font-weight:bold;
	margin-bottom:10px;
	}

div#tatemenu img {
	margin-bottom:2px;
}

div#tatemenu a	{
	background-image:url('triangle.jpg');
	background-repeat:no-repeat;
	background-position:3px 0px;
	padding-left:20px;
	text-decoration:none;
	font-weight:bold;
	color:#73a1ff;
	}

div#tatemenu a:hover {
	color:#ffaa00;
	text-decoration:underline;
}

div#tatemenu .space {
	margin-bottom:15px;
}

div#tatemenu .end {
	margin-bottom:10px;
}

.line_dot{
	padding-top:3px;
	padding-bottom:3px;
	border-bottom:dotted 1px darkgreen;
	}

/* コンテンツ左メニュー↑ */

/* 右寄せ画像 */
div.right_box{
	float:right;
	margin-bottom:20px;
}
/* 右寄せ画像 */
div.right_box0{
	float:right;
	text-align: center;
}

/* 左寄せ画像 */
div.left_box{
	float:left;
	margin-bottom:20px;
}
.fl_l{
	float:left;
}
.fl_r{
	float:right;
}

/* p要素 */
div#inner_small p{
	margin-bottom:12px;
	line-height:140%;
}

/* コンテンツ共通↑ */

/* 共通定義↓
	font-size
	10px 77%
	11px 85%
	12px 93% 
	13px 100%←default
	14px 108%
	15px 116%
	16px 123.1%
	17px 131%
	18px 138.5%
 */
/* フォントサイズ定義 */
.txt_xs{
	font-size: 79%;
}
.txt_ss{
	font-size: 86%;
}
.txt_s{
	font-size: 93%;
}
.txt_l{
	font-size: 108%;
}
.txt_ll{
	font-size: 115%;
}

/* カラー定義 基本色はこのクラスを利用
 　各カテゴリのCSS定義もクラス化して
 　一括で変更できるように */
.txt_black{
	color: #000000; /* default色 */
}

.txt_white{
	color: #ffffff; /* 白 */
}

.txt_red{
	color: #ff0000; /* 赤 注意書 */
}

.txt_pink{
	color: #ee859a;/* #ff7076;  ピンク  */
}

.txt_green{
	color: #00b080; /* 青葉グリーン */
}
.txt_lgreen{
	color: #71af42; /* ライトグリーン？ */
}

.txt_navy{
	color: #00008f; /* 紺 */
}

.txt_brown{
	color: #7f2b06; /* 茶 */
}

.txt_orange{
	color: #f07000; /* オレンジ */
}
.txt_yellow{
	color: #f07000; /* 黄 */
}

.txt_skyblue{
	color: #4080ff; /* スカイブルー？ */
}
.txt_purple{
	color: #ab569d; /* 紫 */
}

/* ヘッダ（タイトル）定義 */
h1.title
{
	background:url(images/title_h2.jpg) no-repeat;
}
h1.title_s
{
	background:url(images/title_h2_s.jpg) no-repeat;
}
h2.title
{
	background:url(images/title_h3.jpg) no-repeat;
}
h2.title_s
{
	background:url(images/title_h3_s.jpg) no-repeat;
}


/* 真ん中寄せ文字 */
p.center{
	text-align:center;
	margin-bottom:12px;	
}



/* フォーム部品サイズ */
.w80{
	width: 80px;
}
.w100{
	width: 100px;
}


/* 下段余白 */
.b10{
	margin-bottom: 10px;
}
.b15{
	margin-bottom: 15px;
}
.b40{
	margin-bottom: 40px;
}
.b60{
	margin-bottom: 60px;
}

.r20{
	margin-right: 20px;
}
/* 左余白 */
.pl30{padding-left:30px;}


/* リスト定型 */
.chu,.chu2,.chu3{
	list-style-type: disc;
	padding-left:0px;
	margin-top:0px;
	margin-bottom:0px;
}
.chu,.chu4{
	margin-left:15px;
	}
.chu2{
	margin-left:18px;
	}
.chu3 {
	margin-left:30px;
	margin-right:15px;
	}
.chu4{
	padding-left:0px;
	margin-top:-12px;
	margin-bottom:0px;
}
.kome, .kome2 {
	list-style-image: url('kome.png');
	/*	list-style-position: inside;*/
	/*margin-top:0px;
	margin-bottom:0px;*/
	margin-left:31px;
	/*padding-left:0px;*/
}
.kome2 {
	margin-left:15px;
}
/* ナンバー */
img.num{
	margin-right: 5px;
	margin-bottom: 5px;
}
/* 左寄せ */
img.pic_l{
	float:left;
	margin-right: 10px;
	margin-bottom: 5px;
}
/* 右寄せ */
img.pic_r{
	float:right;
	margin-left: 10px;
	margin-bottom: 5px;
}

/* ポイントマーク */
img.point{
	position:relative;
	top:-17px;
	left:-17px;
}
img.point_c{
	vertical-align: middle;
}
div.point{
	position:relative;
	top:-17px;
	left:-17px;
}


.txt_c{
	text-align: center;
}