@charset "utf-8";
/* CSS Document */

/* ////////////////////////////////////////////////////////////////////

�@base.css 

//////////////////////////////////////////////////////////////////// */
/*=====================================================================
HTML, Body
===================================================================== */
html, button, input, select, textarea {
    /*font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo, sans-serif;*/
}
html{
	width:100%;
	height:100%;
    margin: 0;
    padding: 0;
	font-size:14px;
	color:#333;
	line-height:1.7em;
	
	background-color:#FFFFFF;
	overflow-y: scroll;/* for mozilla: always display scrollbar */
}
body{
	width:100%;
	-webkit-text-size-adjust:none;
    font-family:'Lucida Grande','ヒラギノ角ゴProN W3','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳＰゴシック',sans-serif;
	position:relative; /*ie7 zoom対策*/
	/*min-width:1040px;*//*safariで右端が切れる対策*/	
	_display: inline;/*safariで右端が切れる対策*/	
	_zoom:1/*safariで右端が切れる対策*/	
}

/*for IE7 background*/
body{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	border-top:5px solid #0078C6;
	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
html>body{
	height:auto;
}
/*for IE7 background*/

/*=====================================================================
/* img
===================================================================== */
body img{
    max-width:100%;
	height:auto;
	width:auto\9; /* for ie8 */
    border:0 none;
    line-height:1;
    vertical-align:bottom;
}

/*=====================================================================
/* .lyt-inner
===================================================================== */
.lyt-inner{
	position:relative;
    margin:0 auto;
	padding:0 10px;
    max-width:1000px;
}

/*=====================================================================
/* header
===================================================================== */
header{
	margin-bottom:23px;
	padding-top:20px;
}
header .lyt-inner{
	position:relative;
	overflow:hidden;
	zoom:1;
}
/*---------------------------------------------------------------------
#site_id
---------------------------------------------------------------------*/
#site_id{
	width:229px;
}
/*---------------------------------------------------------------------
#g_navi
---------------------------------------------------------------------*/
#g_navi{
	float:right;
}
#g_navi ul li{
	float:left;
	display:inline;
	border-right:1px solid #DDDDDD;
	font-size:1.2em;
	line-height:1.5em;
}
#g_navi ul li:nth-last-child(1){
	border-right:none;
}

#g_navi ul li a{
	display:block;
	padding:0 15px;
}
/*---------------------------------------------------------------------
#g_navi_sp
---------------------------------------------------------------------*/
#g_navi_sp{
	display:none;
}
/*---------------------------------------------------------------------
#lang
---------------------------------------------------------------------*/
#lang{
	position:absolute;
	right:275px;
	top:0;
}
#lang p a{
	display:block;
	padding:0 0 0 12px;
	line-height:30px;
	background:url(../img/list_arrow_blue.png) no-repeat left center;
	background:url(../img/list_arrow_blue_ie.png) no-repeat left center\9; /*IE8以下*/
	background-size:10px 10px;
}
/*---------------------------------------------------------------------
#g_search
---------------------------------------------------------------------*/
#g_search{
	position:absolute;
	top:0;
	right:10px;
}
#g_search .wrap{
	position:relative;
    width:250px !important;
}
#g_search .wrap td {
    padding: 0 !important;
}
#g_search .wrap input[type="text"] {
    width: 100%;
    height: 30px;
    padding: 0 !important;
	border:1px solid #DDDDDD !important;
	background:#F5F5EE !important;
}
#g_search .wrap input[type="submit"] {
	position:absolute;
	top:3px;
	right:2px;
    height: 26px;
	width: 26px;
	background:url(../img/icon_search_sp.png) no-repeat left top;
	background:url(../img/icon_search_sp_ie.png) no-repeat left top\9; /*IE8以下*/
	background-size:26px 26px;
    border:0;
    text-indent:-9999px;
    overflow:hidden;
    -webkit-appearance: none;
}

/*=====================================================================
/* #contents
===================================================================== */
#contents{
	overflow:hidden;
	zoom:1;
}
/*---------------------------------------------------------------------
#ttl_area
---------------------------------------------------------------------*/
#ttl_area{
	width:100%;
}
#ttl_area .page_cate{
	margin:20px 0;
	padding-left:15px;
	border-left:5px solid #0078C6;
	line-height:2em;
	font-size:2em;
}
#ttl_area .page_cate span{
	margin-left:15px;
	font-size:0.6em;
	color:#444444;
}
#ttl_area .page_lead{
	margin-bottom:20px;
	font-size:1.2em;
}
/*---------------------------------------------------------------------
#main_area
---------------------------------------------------------------------*/
#main_area{
	width:70%;
	float:left;
	padding-bottom:30px;
}
/*---------------------------------------------------------------------
#side_area
---------------------------------------------------------------------*/
#side_area{
	width:27%;
	float:right;
	margin-left:3%;
}
/*.s_nav*/
.s_nav{
	margin-bottom:30px;
}
.s_nav ul.parent_page{
	border-top:3px solid #0078C6;
}
.s_nav ul.parent_page li{
	border-bottom:1px solid #DDDDDD;
}
.s_nav ul.parent_page li a{
	display:block;
	padding:10px 3% 10px 10px;
	background:url(../img/list_arrow_grey.png) no-repeat 98% center;
	background:url(../img/list_arrow_grey_ie.png) no-repeat 98% center\9; /*IE8以下*/
	background-size:10px 10px;
}
.s_nav ul.parent_page li a:hover{
	background-color:#E5F1F9;
	background-image:url(../img/list_arrow_blue.png);
	background-image:url(../img/list_arrow_blue_ie.png)\9; /*IE8以下*/
}
/*
.s_nav ul.parent_page li.folder{
	padding:10px 3% 10px 10px;
	background-color:#F5F5EE;
	border-bottom:1px solid #DDDDDD;
}
*/
/*子カテゴリ用*/
.s_nav ul.parent_page .widget{
	margin-bottom:0;
}
.s_nav ul.parent_page .s_nav{
	margin-bottom:0;
}
.s_nav ul.parent_page ul.parent_page{
	border-top:none;
}
.s_nav ul.parent_page ul.parent_page li{
	border-top:1px solid #DDDDDD;
	border-bottom:none;
}
.s_nav ul.parent_page ul.parent_page li a{
	padding:10px 10px 10px 30px;
	background:url(../img/arrow02.png) no-repeat 15px center;
	background:url(../img/arrow02_ie.png) no-repeat 15px center\9; /*IE8以下*/
	background-size:5px 8px;
}
.s_nav ul.parent_page ul.parent_page li a:hover{
	background:url(../img/arrow01.png) no-repeat 15px center;
	background:url(../img/arrow01_ie.png) no-repeat 15px center\9; /*IE8以下*/
	background-size:5px 8px;
	background-color:#E5F1F9;
}
/**/
.s_nav ul.child_page{
	border-top:none;
}
.s_nav ul.child_page li a{
	padding:10px 10px 10px 30px;
	background:url(../img/arrow02.png) no-repeat 15px center;
	background:url(../img/arrow02_ie.png) no-repeat 15px center\9; /*IE8以下*/
	background-size:5px 8px;
}
.s_nav ul.child_page li a:hover{
	background:url(../img/arrow01.png) no-repeat 15px center;
	background:url(../img/arrow01_ie.png) no-repeat 15px center\9; /*IE8以下*/
	background-size:5px 8px;
	background-color:#E5F1F9;
}
/*#s_bnr*/
#s_bnr{
	margin-bottom:30px;
}
#s_bnr ul li{
	margin-bottom:10px;
}

/*.widget------------------*/
.widget{
	margin-bottom:30px;
}
.widget-search{
	margin-bottom:0;
}
/*.widget-tag-cloud*/
.widget-tag-cloud{
	padding:15px;
	border-top: 3px solid #0078C6;
	border-left:1px dotted #DDDDDD;
	border-right:1px dotted #DDDDDD;
	border-bottom:1px dotted #DDDDDD;
	background:#F5F5EE;
}
.widget-tag-cloud ul { list-style: none; }
.widget-tag-cloud ul li { display:inline; }
.widget-tag-cloud ul li.rank-1 { font-size:125%; }
.widget-tag-cloud ul li.rank-2 { font-size:120%; }
.widget-tag-cloud ul li.rank-3 { font-size:115%; }
.widget-tag-cloud ul li.rank-4 { font-size:110%; }
.widget-tag-cloud ul li.rank-5 { font-size:105%; }
.widget-tag-cloud ul li.rank-6 { font-size:100%; }
.widget-tag-cloud ul li.rank-7 { font-size:95%; }
.widget-tag-cloud ul li.rank-8 { font-size:90%; }
.widget-tag-cloud ul li.rank-9 { font-size:85%; }
.widget-tag-cloud ul li.rank-10 { font-size:80%; }

/*.widget-archive-monthly-dropdown*/
.widget-archive-monthly-dropdown{
	padding:10px 15px 15px 15px;
	border-top: 3px solid #0078C6;
	border-left:1px dotted #DDDDDD;
	border-right:1px dotted #DDDDDD;
	border-bottom:1px dotted #DDDDDD;
	background:#F5F5EE;
	overflow:hidden;
	zoom:1;
}
.widget-archive-monthly-dropdown p{
	margin-bottom:5px;
	font-weight:bold;
}
.widget-archive-monthly-dropdown select{
	width:100%;
}
/*.widget-s-search*/
.widget-s-search{
	padding:10px 15px 15px 15px;
	border-top: 3px solid #0078C6;
	border-left:1px dotted #DDDDDD;
	border-right:1px dotted #DDDDDD;
	border-bottom:1px dotted #DDDDDD;
	background:#F5F5EE;
	overflow:hidden;
	zoom:1;
}
.widget-s-search p{
	margin-bottom:5px;
	font-weight:bold;
}
.widget-s-search .wrap{
}
.widget-s-search .box{
	position:relative;
    width:100% !important;
}
.widget-s-search .box td {
    padding: 0 !important;
}
.widget-s-search .box input[type="text"] {
    width: 100%;
    height: 30px;
    padding: 0 !important;
	border:1px solid #DDDDDD !important;
	background:#FFFFFF !important;
}
.widget-s-search .box input[type="submit"] {
	position:absolute;
	top:3px;
	right:2px;
    height: 26px;
	width: 26px;
	background:url(../img/icon_search_sp.png) no-repeat left top;
	background:url(../img/icon_search_sp_ie.png) no-repeat left top\9; /*IE8以下*/
	background-size:26px 26px;
    border:0;
    text-indent:-9999px;
    overflow:hidden;
    -webkit-appearance: none;
}
/*.widget-calendar*/
.widget-calendar{
	padding:15px;
	border-top: 3px solid #0078C6;
	border-left:1px dotted #DDDDDD;
	border-right:1px dotted #DDDDDD;
	border-bottom:1px dotted #DDDDDD;
	background:#F5F5EE;
}
.widget-calendar .month_ttl{
	text-align:center;
	font-weight:bold;
}
.widget-calendar table tr th{
	background:#E5F1F9;
}
.widget-calendar table tr td{
	text-align:center;
	background:#FFFFFF;
}
/*=====================================================================
/* footer
===================================================================== */
footer{
}
/*---------------------------------------------------------------------
#page_top
---------------------------------------------------------------------*/
#page_top{
	padding:0 10px;
}
#page_top p{
	float:right;
	width:27%;
}
#page_top p a{
	display:block;
	padding:10px 0;
	font-size:1.1em;
	text-align:center;
	border-top:1px solid #DDDDDD;
	border-left:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	
    border-top-left-radius:6px; 
    -webkit-border-top-left-radius:6px;
    -moz-border-top-left-radius:6px;
    border-top-right-radius:6px; 
    -webkit-border-top-right-radius:6px;
    -moz-border-top-right-radius:6px;
	behavior: url(/common/css/PIE.htc); /*IE8以下*/
}
#page_top p a span img{
	width:16px;
	height:16px;
	vertical-align:middle;
	margin-bottom:4px;
	margin-right:5px;
}
/*---------------------------------------------------------------------
#f_navi_sp
---------------------------------------------------------------------*/
#f_navi_sp{
	display:none;
}
/*---------------------------------------------------------------------
#f_menu
---------------------------------------------------------------------*/
#f_menu{
	padding:5px 0;
	background:#F5F5EE;
	border-top:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
}
#f_menu p.contact{
	float:left;
	font-size:1.2em;
}
#f_menu p.contact span img{
	width:273px;
	height:13px;
	vertical-align:middle;
	margin-bottom:2px;
	margin-right:2px;
}
#f_menu p.counter{
	float:right;
}

#f_menu p.counter img{
	vertical-align:middle;
	width:55px;
	padding:0 3px 0 3p;
}

/*---------------------------------------------------------------------
#copyright
---------------------------------------------------------------------*/
#copyright{
	padding:10px 0;
	text-align:center;
}

/*=====================================================================
●tablet.css 画面の横幅が768px以下
===================================================================== */
@media screen and (max-width: 768px){
	
	/*---------------------------------------------------------------------
	#main_area
	---------------------------------------------------------------------*/
	#main_area{
		width:65%;
	}
	/*---------------------------------------------------------------------
	#side_area
	---------------------------------------------------------------------*/
	#side_area{
		width:32%;
	}
	/*=====================================================================
	/* header
	===================================================================== */
	/*---------------------------------------------------------------------
	#site_id
	---------------------------------------------------------------------*/
	#site_id{
		width:200px;
		margin-bottom:10px;
	}
	/*---------------------------------------------------------------------
	#g_navi
	---------------------------------------------------------------------*/
	#g_navi ul li{
		font-size:1em;
	}
	#g_navi ul li:nth-child(1){
		display:none;
	}
	#g_navi ul li a{
		padding:0 5px;
	}
	/*---------------------------------------------------------------------
	#lang
	---------------------------------------------------------------------*/
	#lang{
		right:12px;
		top:30px;
	}
	/*---------------------------------------------------------------------
	#f_menu
	---------------------------------------------------------------------*/
	#f_menu p.contact{
		float:none;
		width:100%;
		margin-bottom:5px;
		text-align:center;
	}
	#f_menu p.counter{
		float:none;
		text-align:center;
	}
	
	/*=====================================================================
	/* #contents
	===================================================================== */
	/*---------------------------------------------------------------------
	#ttl_area
	---------------------------------------------------------------------*/
	#ttl_area .page_cate{
		font-size:1.8em;
	}
	#ttl_area .page_cate span{
		display:block;
		margin-left:0px;
		padding-bottom:1em;
		font-size:0.6em;
		line-height:1em;
	}
	#ttl_area .page_lead{
		font-size:1em;
	}

	/*---------------------------------------------------------------------
	#side_area
	---------------------------------------------------------------------*/
	/*.widget*/
	.widget-calendar{
		display:none;
	}
	/*=====================================================================
	/* footer
	===================================================================== */
	/*---------------------------------------------------------------------
	#f_menu
	---------------------------------------------------------------------*/
	#f_menu p.contact{
		font-size:1em;
		margin-bottom:0;
	}
	#f_menu p.counter{
		font-size:0.8em;
	}
	/*---------------------------------------------------------------------
	#copyright
	---------------------------------------------------------------------*/
	#copyright{
		font-size:0.8em;
	}
	
}
/*===============================================
●smart.css  画面の横幅が480px以下
===============================================*/
@media screen and (max-width:480px){
	html{
		line-height:1.5em;
	}
	/*=====================================================================
	/* header
	===================================================================== */
	header{
		margin-bottom:10px;
		padding-top:10px;
	}
	/*---------------------------------------------------------------------
	#site_id
	---------------------------------------------------------------------*/
	#site_id{
		width:160px;
	}
	/*---------------------------------------------------------------------
	#g_navi
	---------------------------------------------------------------------*/
	#g_navi{
		display:none;
	}
	/*---------------------------------------------------------------------
	#g_navi_sp
	---------------------------------------------------------------------*/
	#g_navi_sp{
		display:block;
		position:absolute;
		top:0;
		right:10px;
	}
	#g_navi_sp li{
		float:left;
		display:inline;
		width:36px;
		text-align:center;
	}
	#g_navi_sp li.btn_home{
		margin-right:10px;
	}
	/*---------------------------------------------------------------------
	#g_search
	---------------------------------------------------------------------*/
	#g_search{
		position:static;
	}
	#g_search .wrap{
		width:100% !important;
	}
	
	/*=====================================================================
	/* #contents
	===================================================================== */
	/*---------------------------------------------------------------------
	#ttl_area
	---------------------------------------------------------------------*/
	#ttl_area .page_cate{
		margin:10px 0;
		padding-left:10px;
		line-height:1.5em;
		font-size:1.6em;
	}
	#ttl_area .page_cate span{
		padding-bottom:0.6em;
	}
	/*---------------------------------------------------------------------
	#main_area
	---------------------------------------------------------------------*/
	#main_area{
		width:100%;
		float:none;
	}
	/*---------------------------------------------------------------------
	#side_area
	---------------------------------------------------------------------*/
	#side_area{
		width:100%;
		float:none;
		margin-left:0;
	}
	/*#s_bnr*/
	#s_bnr{
		display:none;
	}
	
	/*=====================================================================
	/* footer
	===================================================================== */
	/*---------------------------------------------------------------------
	#page_top
	---------------------------------------------------------------------*/
	#page_top p{
		float:none;
		text-align:center;
		width:100%;
		margin-bottom:10px;
	}
	#page_top p a{
		border:1px solid #DDDDDD;
		padding:5px 0;
	}
	
	/*---------------------------------------------------------------------
	#f_navi_sp
	---------------------------------------------------------------------*/
	#f_navi_sp{
		display:block;
		margin-bottom:10px;
	}
	#f_navi_sp ul li{
		float:left;
		display:inline;
		width:48%;
		text-align:center;
	}
	#f_navi_sp ul li img{
		width:40px;
	}
	
	#f_navi_sp ul li.btn_home{
		margin-right:4%;
	}
	
	
}