/* CSS Document */

/* −−−−−−−−−−全称セレクタでブラウザ毎のクセをリセット−−−−−−−−−− */
* {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
	border: none;
	font-size: 12px;
	line-height: 120%;		
}

/* −−−−−メルマガ枠組みのためのスタイルシート(この部分をいじる必要はありません)−−−−− */
body{
background-color:#000000;
	color: #FFFFFF;		
}

#header_left{
	float: left;
	width: 340px;
	text-align: left;
}

#header_right{
	float: left;
	width: 340px;
	text-align: right;	
}

#header{
	width: 680px;
}

#main{
	width: 680px;
	background-image: url("http://www.kaeruotoko.com/merumaga/img/bg_yloop.gif");
	background-repeat: repeat-y;
}

#main_left{
	float: left;
	width: 560px;
	text-align: left;
	padding: 0px 0px 0px 40px;
}

#main_right{
	float: left;
	width: 80px;
}

#footer{
	width: 680px;
	height: 200px;
}

#space{
	clear: both;
}

#space:after{
	content: ""; 
	display: block; 
	clear: both;
}

/* −−−−−−−−−−文字ハイパーリンク部分の設定−−−−−−−−−− */

a:link {
	color: #ff9900;
	text-decoration: none;
}
a:visited {
	color: #ff9900;
	text-decoration: none;	
}
a:hover {
	color: #ff9900;
	background-color: #333333;
	text-decoration: none;	
}
a:active {
	color: #ffff00;
	background-color: #333333;
	text-decoration: none;	
}

/* −−−−−−−−−−メルマガ本文のためのスタイルシート−−−−−−−−−− */
/* −−−−−−−−−−(この部分が本文作成に関わってきます。)−−−−−−−−−− */
/* ちなみに、本文幅は必ず555px以内で作成してください。 */

/* 左に画像、右に文字、という場合の配置を設定 */
/* 冒頭吉田顔＆メッセージ部分の段組み */
#box_yoshida_L1{
	float: left;
	width: 100px;
	text-align: left;
	padding: 10px 10px 0px 10px;
}

#box_yoshida_R1{
	float: left;
	width: 415px;
	text-align: left;
	padding: 10px 10px 0px 10px;
}

/* 写真＆メッセージ部分の段組みパターン１(画像横幅180px) */
#box_picture1{
	float: left;
	width: 180px;
	text-align: left;
	padding: 10px 10px 0px 10px;
}

#box_text1{
	float: left;
	width: 335px;
	text-align: left;
	padding: 10px 10px 0px 10px;
}

/* 写真＆メッセージ部分の段組みパターン２(画像横幅300px)  */
#box_picture2{
	float: left;
	width: 300px;
	text-align: left;
	padding: 10px 10px 0px 10px;
}

#box_text2{
	float: left;
	width: 215px;
	text-align: left;
	padding: 10px 10px 0px 10px;
}

/* 文字飾り用スタイル */
.text_title{
	font-size: 14px;
	font-weight: bold;
	color: #ffff00;
}

.text_title6{
	font-size: 14px;
	font-weight: bold;
	color:#00ff00;
}

.text_title7{
	font-size: 14px;
	font-weight: bold;
	color:#FF66FF;
}

.text_title2{
	font-size: 20px;
	font-weight: bold;
	color:#00ff00;
}

.text_title5{
	font-size: 16px;
	font-weight: bold;
	color:#00ff00;
}

.text_title3{
	font-size: 16px;
	font-weight: bold;
	color:#ff0;
}

.text_title4{
	font-size: 18px;
}

.text_green{
	color: #00FF00;
}

.text_iku{
	font-size: 8px;
}

.text_bold{
	font-weight: bold;	
}

.text_RED{
	font-weight: bold;
	color:#FF66FF;
}

.text_BLUE{
	font-weight: bold;
	color:#00CCFF;
}

.text_G{
	font-weight: bold;
	color:#00CC00;
}

.text_YELLOW{
	font-weight: bold;
	color:#FFFF00;
}

.text_orange{
	font-weight: bold;
	color:#FF9900;
	}
	
.text_green_big{
	font-size: 16px;
	color:#00ff00;
}