@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}
body {
	font-size: 14px;
	text-align: center;
	background: #c0deed url(img/bg.jpg) repeat-x;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',	Meiryo,'ＭＳ Ｐゴシック';
}
p {
	font-size: 14px;
	line-height: 160%;
	padding: 0 0 10px;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* リンク色 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

a {
	text-decoration: underline;
	color: #3A4199;
}
a:hover {
	text-decoration: none;
	color: #E2041B;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 装飾 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.aka { color: #ff0000; }
.ao { color: #0000cc; }
.tya { color: #bd000e; }
.gray { color: #3d3737; }
.green { color: #009900; }
.white { color: #ffffff; }

.size8 { font-size: 8px; }
.size9 { font-size: 9px; }
.size10 { font-size: 10px; }
.size11 { font-size: 11px; }
.size12 { font-size: 12px; }
.size14 { font-size: 14px; }
.size16 { font-size: 16px; }
.size18 { font-size: 18px; }
.size20 { font-size: 20px; }
.size22 { font-size: 22px; }
.size24 { font-size: 24px; }
.size26 { font-size: 26px; }
.size28 { font-size: 28px; }
.size36 { font-size: 36px; }
.size48 { font-size: 48px; }
.size72 { font-size: 72px; }

.b { font-weight: bold; }
.strong{ font-weight: bold; }
.em{ font-weight: bold; }

.yline { background: #ffff00; }

.center {
	text-align: center;
	padding:5px 0 0 0;
}
.left {
	text-align: left;
	padding: 5px 5px 0 0;
}
.right {
	text-align: right;
	padding: 5px 0 0 5px;
}

.to_link {
	margin: 20px 0 0 0;
	text-align: right;
}
.to_link_r {
	font-size: 18px;
	font-weight: bold;
	margin: 20px 0 0 0;
	text-align: right;
}

/* 画像
─────────────────────────── */

img{
	border: none;
	margin: 0;
	padding: 0;
}
a img {
	border: none;
}
.imgl {
	padding: 0 25px 10px 0;
	float: left;
}
.imgr {
	padding: 0 0 10px 25px;
	float: right;
}

/* 画像間隔
─────────────────────────── */

.margin-bottom5 {
	margin-bottom: 5px;
}
.margin-bottom10 {
	margin-bottom: 10px;
}
.margin-bottom15 {
	margin-bottom: 15px;
}
.margin-bottom20 {
	margin-bottom: 20px;
}
.margin-bottom25 {
	margin-bottom: 25px;
}
.margin-bottom30 {
	margin-bottom: 30px;
}
.margin-bottom35 {
	margin-bottom: 35px;
}
.margin-bottom40 {
	margin-bottom: 40px;
}
.margin-bottom45 {
	margin-bottom: 45px;
}
.margin-bottom50 {
	margin-bottom: 50px;
}
.margin-top10 {
	margin-top: 10px;
}
.margin-top15 {
	margin-top: 15px;
}
.margin-top20 {
	margin-top: 20px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* タイトルエリア */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

h1 {
	width: 900px;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: right;
	margin: 0 auto;
	padding: 2px 25px;
	background: url(img/white.png) repeat;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* メイン */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#container {
	width: 950px;
	margin: 0 auto;
	padding: 0;
	background: url(img/main-bg.png) repeat;
	overflow: hidden;
}
#main {
	margin: 0;
	padding: 0;
	overflow: hidden;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* バナー */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.banner-in {
	position: relative;
	width: 900px;
	height: 100%;
	margin: 0 auto 40px;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* オプトイン */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.opt-head {
	width: 780px;
	height: 47px;
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	margin: 0 auto;
	padding: 12px 0;
	background: url(img/opt_head.png) no-repeat;
}
.opt-body {
	width: 780px;
	margin: 0 auto;
	padding: 0;
	background: url(img/opt_body.png) repeat-y;
}
.opt-foot {
	width: 780px;
	height: 17px;
	margin: 0 auto;
	padding: 0;
	background: url(img/opt_foot.png) no-repeat;
}

/* メール入力フォーム
─────────────────────────── */

table.form {
	width: 620px;
	text-align: center;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 77px 10px;
	padding: 0;
}
table.form td.left {
	width: 170px;
	vertical-align: middle;
	font-weight: bold;
	line-height: 120%;
	padding: 2px 0;
}
table.form td.right {
	vertical-align: top;
	text-align: left;
	padding: 7px 0;
}
input.mail-form {
	font-size: 14px;
	width: 405px;
	padding: 6px 0 0 45px;
	text-align: left;
	background: #FFFFFF url(img/mail.png) no-repeat left 4px;
	font-family: 'メイリオ','Meiryo';
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 記事 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.content-box {
	width: 770px;
	margin: 0 90px;
	padding: 0;
	text-align: left;
	clear: both;
	overflow: hidden;
}

/* 見出し
─────────────────────────── */

h2 {
	margin: 30px 0;
	padding: 0;
	clear: both;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ブレット1 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#bullet1 {
	margin: 30px 0;
	padding: 0;
}
.bullet1_head {
	height: 135px;
	margin: 0 auto;
	padding: 0;
	background: url(img/bullet1_head.png)  no-repeat center top;
}
.bullet1_body {
	margin: 0 auto;
	padding: 0;
	background: url(img/bullet1_body.png)  repeat-y center top;
}
.bullet1_foot {
	height: 83px;
	margin: 0 auto;
	padding: 0;
	background: url(img/bullet1_foot.png)  no-repeat center top;
}
.bullet1_body ul {
	text-align: left;
	margin: 0 70px;
	padding: 0;
}
.bullet1_body li {
	list-style: none;
	font-size: 15px;
	line-height: 30px;
	text-align: left;
	margin: 0;
	padding: 5px 0 0 30px;
	background: url(img/check.png)  no-repeat left 3px;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ブレット2 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

ul.bullet2 {
	text-align: left;
	margin: 20px 20px;
	padding: 0;
}
ul.bullet2 li {
	list-style: none;
	font-size: 15px;
	line-height: 30px;
	text-align: left;
	margin: 0;
	padding: 5px 0 0 30px;
	background: url(img/check.png)  no-repeat left 3px;
}



/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 個人情報の管理・取扱い */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#about-privacy {
	width: 750px;
	height: 100px;
	overflow: auto;
	font-size: 14px;
	margin: 30px auto;
	padding: 10px 15px;
	border: 2px solid #CCCCCC;
}
#about-privacy p {
	font-size: 12px;
	line-height: 180%;
	text-align: justify;
	text-justify: inter-ideograph; 
	margin: 0;
	padding: 5px 0;
}

/* 見出し
─────────────────────────── */

h3 {
	text-align: left;
	margin: 5px 0;
	clear: both;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* コピーライト */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#foot-end {
	width: 950px;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	color: #888;
	margin: 0 auto;
	padding: 5px 0;
	background: url(img/white.png) repeat;
}
#foot-end a {
	text-decoration: none;
}
#foot-end a:hover {
	text-decoration: none;
}

/* フォーム
─────────────────────────── */

td {
	padding: 5px;
}
input, textarea, select {
	font-family: sans-serif;
	font-weight: normal;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* twitter hatena ボタン設定*/
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
#btn_box{
	width:50px;
	height:109px;
	background:url(img/btn_back.png);
	position:fixed;
	right:0;
	top:44%;
	_position:absolute;
	_top:auto;
	_left:auto;
	_bottom:50%;
	_right:0;
}
#btn_box ul{
	margin:0;
	padding:5px 0;
	overflow:hidden;
	list-style-type:none;
}
#btn_box ul li.twitter{
	width:32px;
	height:32px;
	margin:10px 3px;
	font-size:12px;
	font-weight:bold;
	text-align:right;
	float:right;
	display:block;
	background:url(img/twitter_btn.png) no-repeat;
}
#btn_box ul li.hatena{
	width:32px;
	height:32px;
	margin:5px 3px 5px;
	font-size:12px;
	font-weight:bold;
	text-align:right;
	float:right;
	background: url(img/hatena_btn.png) no-repeat;
}
#btn_box ul li a{
	width:32px;
	height:32px;
	display:block;
	text-decoration:none;
}
#btn_box ul li a:hover{
	text-decoration:none;
}


/*--------------------------------------------------------------------------
このCSSファイルは、unlimited affiliate購入者の方のみに使用許可されるものです。
このCSSファイルの無断配布及び商用販売を固く禁じます。

Copyright 株式会社Mithril All rights Reserved.
http://www.mithril-web.com/
--------------------------------------------------------------------------*/