@import "page.css";

*{
	
}
pre{
	overflow : auto ;
	word-break: break-all;
	word-wrap: break-word;
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: pre-wrap;      /* CSS3 */
	word-wrap: break-word;      /* IE 5.5+ */
}

html {
    margin-bottom:1px;
    line-height:1.3em;
    height:100%;
    overflow-y:scroll;
    font-size:16px;
    letter-spacing:0.07em;
    _letter-spacing:0em;
    font-family:  "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "ＭＳ ゴシック", "MS Gothic", sans-serif;
    /* font-family:  "ＭＳ Ｐゴシック", "MS PGothic", "ＭＳ ゴシック", "MS Gothic", sans-serif;  */
    margin-top:1px;
    border-top:1px solid #DD9177;
    font-size:14px;
    background:url(../images/template/head_mainvisual_bg.jpg) repeat-x;
}

body{
	margin:0;
	background:url(../images/template/head_mainvisual_bgover.jpg) center top no-repeat;
	color:#2B2B27;
}

h1 {
	margin:0;
	padding:0;
}

h2 {
	margin:0;
	padding:0;
}
h3 {
	margin:0;
	padding:0;
}
p {
	margin: 0 0 1em;
	margin:0;
	line-height:1.7em;
}

img{
	-ms-interpolation-mode: bicubic;
}

a img{
	border:none;
}
a img:hover{
	opacity: 0.5;
	filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=50);
}
a {
	color:#2B2B27;
}

a:hover{
	color:#967963;
}

table{
	border-collapse:collapse;
	border-spacing: 0;
}

ul,ol{
	margin:0;
	padding:0;
}
li{
	list-style-position: outside;
	list-style-type: none;
}
dl.dt,dd{
	margin:0;
	padding:0;
}
/* 
------------------------------------------
------------------------------------------ */
.link_more {
	text-align:right;
}

.important{
	color:#B81F30;
}
.btn{
	text-align:center;
}
#container .area_main .navi_more {
background-image: url(../images/template/line_orange.gif);
background-repeat: no-repeat;
background-position: center top;
margin: 35px 45px 0 50px;
padding: 30px 0;
clear:both;
}
	#container .area_main .navi_more li{
		background: url(../images/template/icon_li.jpg) left 1px no-repeat;
		padding-left:28px;
		font-size:13px;
		line-height:1.6em;
		margin-bottom:15px;
		}
	#container .area_main .navi_more li a{
		font-size:14px;
	}
	#container .area_main .navi_more li.facebook,
	#container .area_main .navi_more li.blog,
	#container .area_main .navi_more li.twitter{
		background:none;
		padding-left:0;
	}
	#container .area_main .navi_more li.blog{
		margin-top:20px;
	}
	#container .area_main .section.lv1 .navi_more .image {
		text-align: center;
		margin-top: 40px;
		margin-bottom: 20px;
	}
/* 
------------------------------------------
------------------------------------------ */
div#header,
div#container,
div#footer
{
	margin:0 auto;
}

div#header{
	height:258px;
	width: 980px;
	padding:0;
	margin: 0px auto;
	position:relative;
}
	div#header h1{
		position:absolute;
		bottom:0;
		left:0;
	}
	div#header a img:hover{
		opacity: 1;
		filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=100);
	}
#navi_g {
	padding:0;
	background-image: url(../images/template/navi_g_bg_repeat.jpg);
	background-repeat: repeat;
	height:48px;
}
	#navi_g ul {
		width: 980px;
		margin: 0px auto;
		background-image: url(../images/template/navi_g_bg_main.jpg);
		background-repeat: no-repeat;
		overflow:hidden;
		height:48px;
	}
		#navi_g ul li{
			float:left;
			padding: 10px 27px 0 24px;
			vertical-align:middle;
			background: url(../images/template/navi_g_line.gif) left no-repeat;
			margin-left:-1px;
		}
#navi_sns{
	background: url(../images/template/navi_sns_bg.jpg) repeat-x #f08c68;
	text-align:right;
}
	#navi_sns ul{
		width: 420px;
		margin: 0px auto;
		overflow:hidden;
		padding-left:560px;
		height:26px;
	}
	#navi_sns li{
		float:left;
		margin-left:10px;
		position:relative;
		padding-top:5px;
		left:60px;
	}
	.ie7 #navi_sns li{
		left:40px;
	}
	.ie8 #navi_sns li{
		left:50px;
	}
	#navi_sns li.google1{
		position:relative;
		bottom:2px;
		margin-left:20px;
	}
	#navi_sns li.tweet{
		position:relative;
		bottom:2px;
	}
	#navi_sns li.likebtn{
		position:relative;
		bottom:2px;
	}

div#container{
	width: 980px;
	margin-top:20px;
	margin-bottom:50px;
	overflow:hidden;
}
div#facebookfeed{
	width: 980px;
	clear:both;
	margin:0 auto;
	border:1px solid #3B5998;
	height:160px;
	overflow:hidden;
	margin-bottom:30px;
}
	#facebookfeed h2{
		margin-bottom:30px;
		background:#3B5998;
	}
	#facebookfeed iframe{
		margin:0 30px;
	}

div#footer{
	clear:both;
	background-image: url(../images/template/footer_bg.jpg);
	background-repeat: repeat-x;
	background-color: #FEF0CB;
	border-top:1px solid #C9C9C9;
	overflow:hidden;
}
	#footer p{
		width: 980px;
		margin:0 auto;
	}
	#footer div{
		width: 980px;
		margin:0 auto;
	}
	#footer .footer_title{
		margin-top:30px;
		margin-bottom:35px;
	}
	#footer #navi_footer {
		margin-bottom:25px;
		overflow:hidden;
	}
		#footer #navi_footer ul{
	float:left;
	width:245px;
		}
			#footer #navi_footer ul li{
				margin-bottom:16px;
			}
		#footer #navi_footer ul.inq{
				padding-left:100px;
				width:145px;
			}
		#footer #navi_footer ul.sns{
			text-align:center;
		}
	
	#footer .copyright {
		padding-top:5px;
		padding-bottom:35px;
		text-align: right;
		clear:both;
	}

	

#container .area_pin {
	width: 205px;
	float: left;
	margin-right: 10px;
}
	#container .area_pin .lv1{
		background: url(../images/template/bg_lbrown.jpg);
		padding:0 15px 30px;
		margin-bottom:25px;
	}
		#container .area_pin .lv1 h2{
			margin:0 -15px 25px;
		}
	#container .area_pin #mmg{
		line-height:1.65em;
		letter-spacing:0em;
	}
	#container .area_pin #mmg p{
		margin-top:0.5em;
	}
	#container .area_pin #mmg .howtomakelifecompass{
		position:relative;
		left:-2px;
		margin-top:15px;
		margin-bottom:20px;
	}
		#container .area_pin #mmg .howtomakelifecompass span{
			display:block;
			margin-left:20px;
			padding-top:8px;
			padding-bottom:5px;
		}
	#container .area_pin #mmg .catch{
		line-height:2em;
	} 
		#container .area_pin #mmg form{
			margin:18px 9px 30px;
			/* border-bottom:1px solid #45453F; */
		}
		#container .area_pin #mmg dt{
			margin-top:15px;
			margin-bottom:3px;
		}
		#container .area_pin #mmg dd{
			
		}
		#container .area_pin #mmg .btn{
			margin-top:20px;
			margin-bottom:27px;
			text-align:center;
		}
	#container .area_pin #book ul{
		
	}
	#container .area_pin #book li{
		margin-bottom:35px;
	}
	
		#container .area_pin #book .icon{
			margin-right:8px;
		}
		#container .area_pin #book a{
			margin:10px auto 0;
			display:block;
			text-align:center;
		}
		#container .area_pin #book a .cover{
			border:1px solid #E7E6EA;
		}
		#container .area_pin #book .cover:hover{
			border:2px solid #EEC772;
			margin:-1px;
			opacity: 1;
			filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=100);
		}
		#container .area_pin #book .link_more{
			padding-top:5px;
			padding-bottom:35px;
			background:#ffffff;
			margin: 0 -15px -35px;
		}
			#container .area_pin #book .link_more a{
				text-align:right;
			}

#container .area_main {
	float: left;
	width: 585px;
	margin-right: 10px;
}
	.area_main .lv1{
			margin-bottom:20px;
		}
	.area_main h2 {
		margin-bottom: 24px;
	}

#container .area_profile {
	width: 170px;
	float: right;
	font-size:13px;
}
	.area_profile h2 {
		margin-bottom: 18px;
	}
	.area_profile .photo {
		margin-bottom: 28px;
	}
	.area_profile p {
		margin-bottom: 18px;
	}
#page_TEMPLATE #container .area_main .catch {
	margin-bottom: 25px;
}
#page_free #container .area_main .section.lv1 #form_download {
	background-image: url(../images/free/download_bg.jpg);
	background-color: #F9F8E4;
	background-repeat: no-repeat;
	background-position: 3px 3px;
	padding-top: 16px;
	padding-right: 25px;
	padding-bottom: 16px;
	padding-left: 25px;
}