@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("../common/icon_return_home.png");	}

.area_returnlink li:nth-child(2) a
{	background-image : url("../common/icon_return_top.png");	}



.area_returnlink li.return_home a
{	background-image : url("../common/icon_return_home.png");	}

.area_returnlink li.return_top a, 
.area_returnlink li.return_content a
{	background-image : url("../common/icon_return_top.png");	}

.area_returnlink li.next_content a
{	background-image : url("../common/icon_next.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("../common/icon_next.png");	}

.icon_back
{	background-image : url("../common/icon_back.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;	}