@charset "utf-8";

/*
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
共通CSS
	ver.20150801
	Common Layout CSS（標準レイアウトのスタイルシート）
───────────────────────────────────────────
FileName:		/resources/css/commonLayout.css
Editor:			TRUSTEC
Description:	標準レイアウトのスタイルシート
───────────────────────────────────────────
2015/08/01:		開発開始。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
*/





/*
--------------------------------------------------------------------------------
□ 通常タグの表示設定
--------------------------------------------------------------------------------
*/
*{
	margin : 0;
	padding : 0;
	box-sizing : border-box;
	-webkit-appearance : normal;
	appearance : normal;
}





html{
	margin : 0;
	padding : 0;
}





body{
	background : #FFFFFF;
	color : #000000;
	font-size : 16px;
	font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ ゴシック", "MS Gothic", sans-serif;
	line-height : 1.5em;
	padding : 0;
}





h1, h2, h3, h4, h5, h6{
	font-size : 100%;
	font-weight : normal;
	margin : 0px;
	padding : 0px;
}





.hr{
	background : rgba(150, 150, 150, 0.5);
	height : 1px;
	margin : 0;
	padding : 0;
	display : block;
}





select, input, button, textarea{
	font : 100% arial, helvetica, clean, sans-serif;
}





table{
	font-size : inherit;
	font : 100%;
}





img{
	border : none;
	margin : 0;
	padding : 0;
}

div img, 
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img, 
p img, 
th img, td img{
	vertical-align : text-bottom;
}




a
{		}

a:visited
{		}

a:hover
{		}



a.phone
{		}

a.phone:active
{		}

a.phone:hover
{		}

a.phone:active
{		}





form{
	margin : 0;
	padding : 0;
	font-size : inherit;
	font : 100%;
}





dl, dt, dd{
	margin : 0;
	padding : 0;
}





ul, ol, li{
	margin : 0;
	padding : 0;
}





p{
	margin : 0 0 1em 0;
	padding : 0;
}





address{
	font-weight : normal;
	font-style : normal;
}





/*
--------------------------------------------------------------------------------
□ 全画面共通のレイアウト
--------------------------------------------------------------------------------
*/
.c_both{
	clear : both;
}



.clearfix::after{
	content : ".";
	display : block;
	height : 0;
	clear : both;
	visibility : hidden;
}

.clearfix{
	display : inline-block;
	min-height : 1%;	/* for IE7 */
}

/* Hides from IE-mac \*/
* html .clearfix{
	height : 1%;
}

.clearfix{
	display : block;
}
/* End hide from IE-mac */





/*
--------------------------------------------------------------------------------
□ 標準レイアウト
--------------------------------------------------------------------------------
*/
#box_header, 
#box_footer, 
#global_menu,
#box_contents{
	width : 100%;
	min-width : 1200px;
}





header, 
footer{
	width : 1200px;
	margin : 0 auto;
}





#global_menu ul, 
#global_menu ol{
	width : 1200px;
	margin : 0 auto;
}





.wrapper, 
.wrapper_contents, 
.wrapper_menu
{		}





.wrapper{
	width : 1200px;
	margin : auto;
}

.wrapper_contents{
	width : 1000px;
	float : left;
}

.wrapper_menu{
	width : 190px;
	float : right;
}





/*
--------------------------------------------------------------------------------
□ ヘッダの表示設定：ヘッダブロック
--------------------------------------------------------------------------------
*/
#box_header
{		}





header
{		}





header a
{		}





/*
--------------------------------------------------------------------------------
□ ヘッダの表示設定：SEO対策用見出し
--------------------------------------------------------------------------------
*/
#header_seo{
	font-size : 11px;
	line-height : 1.5em;
	width : 100%;
	overflow : hidden;
	white-space : nowrap;
}





#header_seo hgroup, 
#header_seo hgroup h1, 
#header_seo hgroup h2{
	display : inline-block;
}





#header_seo hgroup h2
{		}

#header_seo hgroup h2::before{
	content : "－";
}





#header_seo span{
	margin-left : 1em;
	display : inline-block;
}





/*
--------------------------------------------------------------------------------
□ ヘッダの表示設定：ロゴ
--------------------------------------------------------------------------------
*/
#header_logo{
	float : left;
}



#header_logo img{
	width : 100%;
	height : 100%;
}





/*
--------------------------------------------------------------------------------
□ ヘッダメニューの表示設定：
--------------------------------------------------------------------------------
*/
#header_menu{
	line-height : 1em;
	float : right;
}





#header_menu ul, 
#header_menu ul li{
	list-style-type : none;
}





#header_menu ul{
	letter-spacing : -.40em; /* 文字間を詰めて隙間を削除する */
}





#header_menu li{
	letter-spacing : normal; /* 文字間を通常に戻す */
	display : inline-block;
}





#header_menu li a{
	text-decoration : none;
	display : block;
}

#header_menu li:first-child a
{		}

#header_menu li:last-child a
{		}

#header_menu li a:hover{
	
	text-decoration : underline;
}





/*
--------------------------------------------------------------------------------
□ ヘッダの表示設定：フッタブロック
--------------------------------------------------------------------------------
*/
#box_footer
{		}





footer
{		}





footer a
{		}





/*
--------------------------------------------------------------------------------
□ フッタの表示設定：問合せ先
--------------------------------------------------------------------------------
*/
footer address{
	font-size : 12px;
	line-height : 1.5em;
	float : left;
}





/*
--------------------------------------------------------------------------------
□ フッタの表示設定：ロゴ
--------------------------------------------------------------------------------
*/
#footer_logo
{		}



#footer_logo img{
	width : 100%;
	height : 100%;
}





/*
--------------------------------------------------------------------------------
□ フッタメニューの表示設定：
--------------------------------------------------------------------------------
*/
#footer_menu{
	font-size : 12px;
	line-height : 1.5em;
	float : right;
}





#footer_menu ul, 
#footer_menu ol, 
#footer_menu li{
	list-style-type : none;
}





#footer_menu li a{
	text-decoration : none;
	display : block;
}

#footer_menu li:first-child a
{		}

#footer_menu li:last-child a
{		}

#footer_menu li a:hover{
	text-decoration: underline;
}





/*
--------------------------------------------------------------------------------
□ グローバルメニューの表示設定：
--------------------------------------------------------------------------------
*/
#global_menu
{		}





#global_menu ul, 
#global_menu ol, 
#global_menu li{
	list-style-type : none;
}





#global_menu ul, 
#global_menu ol{
	letter-spacing : -.40em; /* 文字間を詰めて隙間を削除する */
}





#global_menu li{
	letter-spacing : normal; /* 文字間を通常に戻す */
	display : inline-block;
}





#global_menu li a{
	text-align : center;
	text-decoration : none;
	width : 100%;
	display : block;
}

#global_menu li:first-child a
{		}

#global_menu li:last-child a
{		}

#global_menu li a:hover{
	
	text-decoration : underline;
}





/*
--------------------------------------------------------------------------------
□ ページメインの表示設定
--------------------------------------------------------------------------------
*/
#box_contents{
	min-height : 300px;
}





.wrapper
{		}





/*
--------------------------------------------------------------------------------
□ ページメインの表示設定：コンテンツ部
--------------------------------------------------------------------------------
*/
.wrapper_contents
{	/* background: rgba(0, 0, 0, 0.1); */	}





/*
--------------------------------------------------------------------------------
□ ページメインの表示設定：メニュー部
--------------------------------------------------------------------------------
*/
.wrapper_menu
{		}





.wrapper_menu ul, 
.wrapper_menu ol, 
.wrapper_menu li{
	list-style-type : none;
}





.wrapper_menu ul, 
.wrapper_menu ol 
{		}





.wrapper_menu li{
	list-style-type : none;
	margin : 0;
	padding : 0;
}





.wrapper_menu li a{
	display : block;
}





/*
--------------------------------------------------------------------------------
□ ナビゲーション：トピックパス（パンくずリスト）
--------------------------------------------------------------------------------
*/
#topicpath{
	font-size : 11px;
	line-height : 1.5em;
	width : 100%;
}





#topicpath ol, #topicpath li{
	list-style-type : none;
}





#topicpath ol{
	text-align : right;
}





#topicpath li{
	display : inline;
}

#topicpath li:last-child{
	font-weight : bold;
}

#topicpath li:not(:last-child)::after{
	content : "／";
	margin-left : 6px;
	margin-right : 3px;
}





/*
--------------------------------------------------------------------------------
□ ナビゲーション：著作権等に関する表記
--------------------------------------------------------------------------------
*/
.area_copyright{
	font-size : 90%;
	line-height : 1.5em;
}

.area_copyright::before{
	content : "※";
	}





/*
--------------------------------------------------------------------------------
□ ナビゲーション：ホーム／ページトップへ戻る
--------------------------------------------------------------------------------
*/
.area_returnlink{
	font-size : 14px;
	line-height : 1.5em;
	text-align : right;
}





.area_returnlink ul, 
.area_returnlink li{
	list-style : none;
}





.area_returnlink li{
	margin-left : 1em;
	display : inline-block;
}

.area_returnlink li:first-child{
	margin-left : 0;
}



.area_returnlink li a{
	background : #E0E0E0 no-repeat 3px;
	background-size : 1.2em;
	color : #000000;
	text-decoration : none;
	padding : 1px 5px 1px 20px;
	border-radius : 20px;
	display : inline-block;
}

.area_returnlink li a:hover{
	background-color : #C0E0A5;
	text-decoration : underline;
}



.area_returnlink li:nth-child(1) a{
	background-image : url(icon_return_home1.png);
}

.area_returnlink li:nth-child(2) a{
	background-image : url(icon_return_top1.png);
}



.area_returnlink li.return_home a{
	background-image : url(icon_return_home1.png);
}

.area_returnlink li.return_top a, 
.area_returnlink li.return_content a{
	background-image : url(icon_return_top1.png);
}

.area_returnlink li.next_content a{
	background-image : url(icon_next1.png);
}





/*
--------------------------------------------------------------------------------
□ ナビゲーション：リンク
--------------------------------------------------------------------------------
*/
.icon_next, 
.icon_back{
	background : no-repeat left center;
	background-size : 1.5em;
	font-weight : bold;
	padding : 0.1em 0 0.1em 1.8em;
}





.icon_next{
	background-image : url(icon_next1.png);
}

.icon_back{
	background-image : url(icon_back1.png);
}




.icon_next.left, 
.icon_back.left{
	background-position : left;
	padding-left : 1.8em;
}

.icon_next.right, 
.icon_back.right{
	background-position : right;
	padding-right : 1.8em;
}