/**=====================================
               要素一括指定
====================================== */
*{
	margin:0;
	padding:0;
	border: 0;
	/*vertical-align: middle;*/
	font-family:"ＭＳ Ｐゴシック",osaka, sans-serif;
	}
	
body{
	 background-color: #fffaf0/*ivoryred*/;
	 width:750px;
	 margin: 5px auto;
		/*text-align: center/*=====================過去互換用====================*/
	 }

p{
	text-indent: 1em;
	}

img{
	vertical-align: top;/*===================IEでの画像の下に隙間ができる対策*/
	/*float: right;*/
	}

h1{
	font-size: 130%;
	margin: 0px 0px 0px;
	/*text-align: center;*/
	}

h2{
	font-size: 120%;
	/*text-align: center;*/
	text-indent: 1em;
	margin: 15px 0px 0px;
	}

h3{
	font-size: 110%;
	text-align: center;
	}


a:hover{
	color: #ff00ff;
	}

a img{border: 0;}


hr{
	float: left;
	width: 750px;
	height: 3px;
	margin: 0px;
	color: #959595;
	background-color: #959595; /*======================NS FFでは非表示になる対策*/
	}

table{
	border-collapse: collapse;/*==============表の罫線とセルの罫線を一体化する*/
	border-spacing: 0px;/*====================表のセル間隔*/
	border: 0px;/*============================表の罫線の太さ*/
	empty-cells: show;/*======================空白セルの表示*/
	}

/*=======================================
             全体
=======================================*/
.clear{
	clear: both;
	}

.red{/*========================赤字表示*/
	color: red;
	}

.redbold{/*====================赤字太字表示*/
	color: red;
	font-weight: bold;
	}

.redbold150{/*====================赤字太字表示150%*/
	color: red;
	font-weight: bold;
	font-size: 150%
	}
.bluebold150{/*====================青字太字表示150%*/
	color: #0051a2;
	font-weight: bold;
	font-size: 150%
	}
.bold150{/*====================太字表示150%*/
	font-weight: bold;
	font-size: 150%
	}

.bold{/*====================太字表示150%*/
	font-weight: bold;
	}

.low120{/*==================行間120%*/
	line-height: 120%;
	}


.low150{/*==================行間150%*/
	line-height: 150%;
	}

.low200{/*==================行間150%*/
	line-height: 200%;
	}

.low250{/*==================行間150%*/
	line-height: 250%;
	}

.margin20{
	margin-top: 20px;
	}

.margin30{
	margin-top: 30px;
	}

.margin50{
	margin-top: 50px;
	}
.margin100{
	margin-top: 100px;
	}

.small70{/*====================縮小表示70%*/
	font-size: 70%
	}

.small80{/*====================縮小表示80%*/
	font-size: 80%
	}

.indent1{
	text-indent: 1em;
	}

.indent2{
	text-indent: 2em;
	}

.indent3{
	text-indent: 3em;
	}

.indent4{
	text-indent: 4em;
	}

.indent5{
	text-indent: 5em;
	}

.indent6{
	text-indent: 6em;
	}

.indent7{
	text-indent: 7em;
	}

.v_middle{
	vertical-align: middle;
	}

/*======================================
      ボディー要素
======================================*/
#body{
	/*width: 750px;
	margin:0px auto;*/
	text-align: left;/*=======================過去互換用のセンタリング解除=========*/
	}

/*======================================
      ヘッダー部分
======================================*/
.headlink{
	width: 740px;
	padding: 0px 5px 0px;
	text-align: right;
	font-size: 80%;
	text-decoration: none;
	}

.headlink a{
	color: dimgray;
	/*text-decoration: none;*/
	}

.headlink a:hover{
	text-decoration: none;
	color: gray;
	}

.toplink{
	text-align: center;
	font-size: 12px;
	list-style-type: none;
	}

.toplink li{
	float: left;
	width: 93px;
	height: 25px;
	background-color: #2b67a4;
	border-right: 1px solid gray;
	}

.toplink a{
	display: block;
	padding: 7px 0px 6px;
	color: #ffffff;
	text-decoration: none;
	}

.toplink a:hover{
	text-decoration: none;
	background-color: #3881f1;
	color: #ffffff;
}

#toplink_right{
	float: left;
	width: 92px;
	height: 25px;
	background-color: #2b67a4;
	border: none;
	}


/*==================================================
=               コンテンツ
==================================================*/
#pagename{
	background-color: #2b67a4;
	color: snow;
	width: 730px;
	padding: 10px 0px 10px 20px;
	}
	
#pagename2{
	background-color: #fffaf0;
	color: #2b67a4;
	width: 540px;
	padding: 10px 0px 10px 20px;
	}

#pagename3{
	background-color: #fffaf0;
	color: #333333;
	text-align: right;
	font-size: 80%;
	}
	
#pagename4{
	background-color: #fffaf0;
	color: #333333;
	text-align: center;
	font-size: 80%;
	}
	.mainletter{
	padding: 10px 30px;
	}

.mainletter p{
	line-height: 1.5em
	}
/*==================================================
=               写真リンク
==================================================*/
.photolink{
	width: 140px;
	height: 105px;
	/*margin: 10px;*/
	padding: 10px;
	vertical-align: top;
	/*border: solid black 1px;*/
	
	}

.pototext{
	width: 215px;
	height: 105px;
	font-size: 90%;
	padding: 5px;
	/*border: solid black 1px;*/
	}

/*==================================================
=               千都出版
==================================================*/
.sentophoto{
	width: 355px;
	height: 223px;
	padding: 10px;
	text-align: right;
	vertical-align: middle;
	}

.sentotext{
	width: 355px;
	height: 223px;
	padding: 10px;
	text-align: center;
	}
/*==================================================
=               ハルボン倶楽部
==================================================*/
.halubonleft{
	width: 250px;
/*	height: 100px;*/
	padding: 20px 10px 0px 115px;
	text-align: center;
	vertical-align: middle;
	}

.halubonright{
	width: 335px;
	padding: 20px 40px 0px 0px;
	}

/*================================================
=           ボトムバック
================================================*/
#bottom_back{
	float: left;
	}
#bottom_back_left{
	width: 375px;
	height: 30px;
	}
	
#bottom_back_right{
	width: 375px;
	height: 30px;
	text-align: right;
	}


/*=================================================
=          フッター
==================================================*/
#copyright{
	text-align: center;
	padding: 0;}



/*=================================================
=          エラーページ用
==================================================*/
.qbutton{
		width: 300px;
	/*height: 30px;*/
	background-color: #5b99f4;
	padding: 5px 0px;
	margin: 10px auto;
	/*display: block;*/
	text-align: center;
	border: 5px #3881f1 outset;
	}

.qbutton a{
	color: white;
	}