@charset "shift_jis";

/*=========================================*/
/* BASE */
/*=========================================*/


/*========== ALL ==========*/

html{
	-webkit-text-size-adjust:none;
}

*{
	margin:0 auto;
	padding:0;
}

body{
	font-size:80%;
	font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
}

ul{
	list-style-type:none;
}

a{
	border:none;
}

.clear{
	clear:both;
}

@media screen and (max-width:640px){
#header, #global_navi_area, #contents{
	max-width:640px;
}
}

@media screen and (min-width:641px){
#header, #global_navi_area, #contents{
	width:100%;
}
}

h2{
	padding:15px 0px 15px 0px;
	color:#AF8924;
}

p{
	color:#343031;
	line-height:160%;
}


/*========== HEADER ==========*/

#header{
	background-color:#FFFFFF;
	background:url(../image/top_header.jpg) no-repeat center top;
	background-size:100%;
	font-size:0;
	overflow:hidden;
}

#header_logo{
	float:left;
	width:90%;
}

#header_logo img{
	width:100%;
}

#header_btn{
	float:right;
	width:10%;
}

#header_btn img{
	width:100%;
}


/*========== GLOBAL NAVI ==========*/

#global_navi_area{
	margin:0px auto 0px auto;
	font-size:100%;
	line-height:100%;
}

#global_navi{
	display:none;
	position:absolute;
	width:100%;
	background-color:rgba(0,0,0,0.85);
}

.global_navi_list{
	border-top:solid 1px #f1e2da;
	background-image:url(../image/navi_ic2.png);
	background-position:right;
	background-repeat:no-repeat;
	background-size:25px 14px;
	text-decoration:none;
}

.back_none{
	background:none;
	background-image:url(../image/navi_ic.png);
	background-position:right;
	background-repeat:no-repeat;
	background-size:22px 17px;
}

.global_navi_list a{
	display:block;
	padding:12px 10px 12px 10px;
	color:#FFFFFF;
	text-decoration:none;
}

ul.global_navi_list_sub{
	display:none;
	background-color:#000000;
}

ul.global_navi_list_sub li{
	border-top:solid 1px #FFFFFF;
	background-image:url(../image/navi_ic.png);
	background-position:right;
	background-repeat:no-repeat;
	background-size:22px 17px;
}

ul.global_navi_list_sub li a{
	display:block;
	padding:12px 20px 12px 20px;
	color:#FFFFFF;
	text-decoration:none;
}


/*========== MAINIMAGE ==========*/

#top_mainimage{
	font-size:0;
}


/*========== BTN ==========*/

.top_mainimg_contact_btn{
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
}

.top_mainimg_rokuji_btn{
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
}

.top_mainimg_enjyouan_btn{
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
}

.top_mainimg_remote_consulting_btn{
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
}


/*========== CONTENTS ==========*/

#contents{
	background:url(../image/back01.gif) repeat;
}

.contents_area_text{
	margin:15px 30px 11px 30px;
	text-align:center;
	font-size:18px;
}

.contents_area_text2{
	margin:15px 5px 11px 5px;
	padding:0px 0px 10px 0px;
	text-align:center;
	font-size:18px;
}

.btn{
	margin:10px 2% 10px 2%;
	padding:10px 0px 10px 0px;
}

.btn img{
	width:100%;
}


/*========== mainimage ==========*/

#top_mainimage img{
	width:100%;
}


/*========== shimogreenthing ==========*/

#top_shimo_greenthing_back{
	margin:-12px 0px 0px 0px;
	background:url(../image/back01.gif) repeat;
}

#top_shimo_greenthing_contents{
	width:100%;
	background:url(../image/top_greenthing_back02.jpg) no-repeat bottom center;
	background-size:100%;
	overflow:hidden;
}

.img_left_greenthing{
	float:left;
	width:34%;
	margin:0px 15px 15px 15px;
}

.img_left_greenthing img{
	width:100%;
}

.img_right_greenthing{
	float:right;
	width:44%;
	margin:0px 15px 15px 15px;
}

.img_right_greenthing img{
	width:100%;
}

.img_center_greenthing{
	width:64%;
	margin:0px auto 15px auto;
}

.img_center_greenthing img{
	width:100%;
}

.greenthing_title{
	padding:15px 15px 15px 15px;
}

.greenthing_text01{
	padding:0px 15px 30px 15px;
}

.greenthing_text02{
	padding:0px 15px 30px 15px;
}

.greenthing_text_date{
	padding:0px 15px 15px 15px;
	text-align:left;
}

.greenthing_text_name{
	padding:0px 15px 15px 15px;
	text-align:right;
}


/*========== greeting ==========*/

.top_greeting_back{
	margin:15px 0px 15px 0px;
	background:url(../image/back01.gif) repeat;
	overflow:hidden;
}

.top_greeting_contents{
	width:100%;
	background:url(../image/top_greenthing_back02.jpg) no-repeat bottom center;
	background-size:100%;
	overflow:hidden;
}

.img_left_greeting{
	float:left;
	width:40%;
	margin:0px 15px 15px 15px;
}

.img_left_greeting img{
	width:100%;
	height:auto;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	border-radius:5px;
}

.img_left_greeting p{
	padding:15px 15px 15px 15px;
	text-align:center;
}

.img_right_greeting{
	float:right;
	width:40%;
	margin:0px 15px 15px 15px;
}

.img_right_greeting img{
	width:100%;
	height:auto;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	border-radius:5px;
}

.img_right_greeting p{
	padding:15px 15px 15px 15px;
	text-align:center;
}

.greeting_text{
	padding:0px 15px 30px 15px;
}

.greeting_text_name{
	padding:0px 15px 15px 15px;
	text-align:right;
}


/*========== topics ==========*/

#top_topics{
	margin:0px 0px 15px 0px;
}

.topics_contents{
	margin:0px 15px 0px 15px;
}

#top_topics h3{
	margin:0px 0px 15px 0px;
	color:#343031;
	font-size:100%;
	line-height:160%;
}

#top_topics h3 a{
	color:#333333;
}

#top_topics h3 span{
	display:block;
	color:#343031;
	font-size:90%;
	line-height:160%;
}


/*========== movie ==========*/

.movie_contents{
	margin:0px 15px 0px 15px;
}

#top_movie h3{
	margin:0px 0px 15px 0px;
	color:#343031;
	font-size:100%;
	line-height:160%;
}

#top_movie h3 a{
	color:#333333;
}

#top_movie h3 span{
	display:block;
	color:#343031;
	font-size:90%;
	line-height:160%;
}


/*========== news ==========*/

#top_news{
	margin:0px 0px 15px 0px;
}

.news_contents{
	margin:0px 15px 0px 15px;
}

#top_news h3{
	margin:0px 0px 15px 0px;
	color:#343031;
	font-size:100%;
	line-height:160%;
}

#top_news h3 a{
	color:#333333;
}

#top_news h3 span{
	display:block;
	color:#343031;
	font-size:90%;
	line-height:160%;
}


/*========== merumaga book ==========*/

#top_mb_area{
	width:100%;
	background:url(../image/top_mb_back.gif) no-repeat;
	background-size:100%;
}


/*========== merumaga ==========*/

.merumaga_contents{
	margin:0px 15px 15px 15px;
}

#top_merumaga{
	border-bottom:solid 1px #f3e8cf;
}


/*========== book ==========*/

#top_book{
	border-top:solid 1px #FFFFFF;
	border-bottom:solid 1px #f3e8cf;
	background:url(../image/top_book_back.gif) no-repeat;
	background-size:auto;
	background-repeat:repeat-y;
}

.book_contents{
	margin:0px 15px 0px 15px;
}

.book_left{
	float:left;
	width:30%;
	margin:0px 10px 0px 0px;
}

.book_left img{
	width:100%;
}


/*========== rokuji footer ==========*/

.rokuji_footer_btn{
	margin:0px 0px 0px 0px;
	padding:10px 0px 10px 0px;
}

.rokuji_footer_btn img{
	width:100%;
}


/*========== bonner ==========*/

.banner_area{
	margin:0px 5px 0px 5px;
	padding:10px 0px 10px 0px;
}

.banner_area img{
	width:100%;
}


/*========== FOOTER ==========*/

#footer{
	background-color:#FFFFFF;
	text-align:center;
}

#footer_tel{
	margin:0px 0px 16px 0px;
	padding:33px 0px 0px 0px;
}

#copyright{
	padding:21px 0px 26px 0px;
	background:url(../image/footer_back.gif) repeat-x;
	color:#343031;
	font-size:15px;
}


/* page-top */

#page-top{
	position:fixed;
	bottom:20px;
	right:20px;
	font-size:77%;
}

#page-top a{
	display:block;
	width:100px;
	padding:20px 0px 20px 0px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background:rgba(0,0,0,0.8);
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
}


/*========== TOP SHOPPING ==========*/

.top_shopping_btn_area{
	margin:0px auto 25px auto;
	padding:0px 2% 0px 2%;
}

.top_shopping_btn_area li{
	width:100%;
	list-style:none;
}

.top_shopping_btn_area li img{
	width:100%;
}


/*========== TOP APPS ==========*/

.top_apps_btn_area{
	margin:25px auto 25px auto;
	padding:0px 2% 0px 2%;
}

.top_apps_btn_area li{
	width:100%;
	list-style:none;
}

.top_apps_btn_area li img{
	width:100%;
}