@charset "UTF-8";

/* ==========================================================================
   SNSボタン
   ========================================================================== */

#sns{
	margin :0;
	padding : 8px 0 0  0;
	min-width : 980px;
	width : 100%;
	height : 22px;
	background-color : #ffffff;
	text-align : center;
}

#sns ul{
	margin : 0;
	padding : 0;
	height : 22px;
	text-align : center;
	list-style-type : none;
}

#sns ul li{
	margin : 0 0 0 5px;
	padding : 0;
	height : 22px;
	display : inline-block;
}



/* ==========================================================================
   メニューフレーム
   ========================================================================== */
#navi{
	margin : 0;
	padding : 0;
	min-width : 980px;
	width : 100%;
	height : 100px;
	background-color : #ffffff;
	display : none;
	z-index : 2;
	border : 1px solid #cccccc;
}

#navi_in{
	margin : 0 auto;
	padding : 0;
	width : 980px;
	height : 100px;
}

.fix{
	position : fixed;
	top : 0;
	width : 980px;
}



/* ==========================================================================
   ロゴ
   ========================================================================== */
.logo{
	margin : 10px 0 0 0;
	padding : 0;
	width : 290px;
	height : 80px;
	float : left;
}



/* ==========================================================================
   メニュー
   ========================================================================== */
#navi_in ul{
	margin : 0;
	padding : 0;
	width : 480px;
	height : 100px;
	float : right;
	list-style-type : none;
}

#navi_in ul li{
	margin : 0;
	padding : 0;
	width : 120px;
	height : 100px;
	font-size : 80%;
	line-height : 100px;
	text-align : center;
	float : left;
	position : relative;
}

.navi_btn a,
.navi_btn a:link,
.navi_btn a:visited{
	margin : 0;
	padding : 0;
	width : 120px;
	height : 100px;
	color : #3e3a39;
	text-decoration : none;
	display : block;
}

.navi_btn a:hover{
	margin : 0;
	padding : 0;
	width : 120px;
	height : 100px;
	color : #ffffff;
	text-decoration : none;
	background-color : #736451;
	background-image : url(../images/menu_bk.gif);
	background-repeat : no-repeat;
	background-position : center top;
}

.navi_btn_sub a,
.navi_btn_sub a:link,
.navi_btn_sub a:visited{
	margin : 0;
	padding : 0;
	width : 120px;
	height : 100px;
	color : #ffffff;
	text-decoration : none;
	background-color : #736451;
	background-image : url(../images/menu_bk.gif);
	background-repeat : no-repeat;
	background-position : center top;
	display : block;
}

.navi_btn_sub a:hover{
	margin : 0;
	padding : 0;
	width : 120px;
	height : 100px;
	color : #ffffff;
	text-decoration : none;
	background-color : #736451;
	background-image : url(../images/menu_bk.gif);
	background-repeat : no-repeat;
	background-position : center top;
}



/* ==========================================================================
   ヘッダー
   ========================================================================== */

#top_header{
	margin : 0;
	padding : 0;
	width : 100%;
	min-width : 980px;
	height : 580px;
	background-repeat : no-repeat;
	background-position : center center;
	background-size: cover;
	background-color : #666666;
}

#top_header_in{
	margin : 0;
	padding : 0;
	width : 100%;
	height : 100%;
	background-image : url(../images/top_head.png);
	background-repeat : repeat-x;
	background-position : top center;
	position : relative;
}

.lang{
	margin : 0 auto;
	padding : 10px 0 0 0;
	width : 980px;
	height : 20px;
	font-size : 90%;
	line-height : 20px;
	text-align : right;
	color : #ffffff;
}

.lang a,
.lang a:link,
.lang a:visited{
	color : #ffffff;
	text-decoration : none;
}

.lang a:hover{
	color : #ffffff;
	text-decoration : underline;
}

.lang a:active{}

.top_logo{
	margin : 0 auto;
	padding : 0;
	width : 460px;
	height : 120px;
	text-align : center;
}

.head_img{
	margin : 0 auto;
	padding : 0;
	width : 900px;
	height : 310px;
	text-align : center;
}

.look_bt{
	margin : 0 auto;
	padding : 0;
	width : 200px;
	height : 90px;
	text-align : center;
}

.credit{
	margin : 0;
	padding : 0;
	height : 20px;
	font-size : 70%;
	text-align : right;
	line-height : 20px;
	color : #ffffff;
	position : absolute;
	right : 10px;
	top : 560px;
}



/* ==========================================================================
   タイトル
   ========================================================================== */

.top_title1,.top_title2{
	margin : 0 auto 20px auto;
	padding : 0;
	width : 980px;
	font-size : 130%;
	font-weight : bold;
	line-height : 1.3;
	text-align : left;
}

.top_title1{
	color : #333333;
}

.top_title2{
	color : #ffffff;
}



/* ==========================================================================
   コンテンツベース
   ========================================================================== */

#about,#search,#theme{
	margin : 0;
	padding : 50px 0;
	min-width : 980px;
	width : 100%;
	height : auto;
	clear : both;
}

#about{
	padding-top : 20px;
	background-color : #ffffff;
}

#search{
}

#theme{
	padding-bottom : 30px;
	background-color : #604c3f;
}



/* ==========================================================================
   アジ歴グロッサリーとは
   ========================================================================== */

#about p{
	line-height : 1.5;
}



/* ==========================================================================
   アジ歴グロッサリー検索
   ========================================================================== */

.search_box{
	margin : 0;
	padding : 0;
	width : 100%;
	height : auto;
	text-align : left;
	display : -webkit-box;
	display : -moz-box;
	display : -ms-box;
	display : -webkit-flexbox;
	display : -moz-flexbox;
	display : -ms-flexbox;
	display : -webkit-flex;
	display : -moz-flex;
	display : -ms-flex;
	display : flex;
	-webkit-box-lines : multiple;
	-moz-box-lines : multiple;
	-webkit-flex-wrap : wrap;
	-moz-flex-wrap : wrap;
	-ms-flex-wrap : wrap;
	flex-wrap : wrap;
}

.search_box_in{
	margin : 0 5% 0 0;
	padding : 0;
	width : 30%;
	height : auto;
}

.search_box_in:nth-child(3),
.search_box_in:nth-child(6){
	margin-right : 0;
}

.search_box_in h4{
	margin : 20px 0 0 0;
	padding : 0;
	font-size : 110%;
	font-weight : normal;
	color : #333333;
	line-height : 30px;
	text-align : left;
}

.search_box_in ul{
	margin : 0;
	padding : 10px;
	list-style-type : none;
	background-color : #ffffff;
	letter-spacing : -0.4em;
}

.search_box_in ul li{
	margin : 0 20px 0 0 ;
	padding : 0 0 0 20px;
	font-size : 100%;
	color : #333333;
	line-height : 30px;
	text-align : left;
	background-image : url(../images/tag01.png);
	background-repeat : no-repeat;
	background-position : top left;
	/zoom : 1;
	vertical-align : top;
	letter-spacing : normal;
}

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

.search_box_in ul li ul li{
	margin : 0;
	padding : 0 0 0 20px;
	font-size : 100%;
	color : #333333;
	line-height : 30px;
	text-align : left;
	background-image : url(../images/tag02.png);
	background-repeat : no-repeat;
	background-position : top left;
	display : block;
}



/* ==========================================================================
   テーマ別検索
   ========================================================================== */

.theme_box{
	margin : 0 0 20px 0;
	padding : 0;
	width : 100%;
	height : 120px;
	clear : both;
}

.theme_img{
	margin : 0;
	padding : 0;
	width : 300px;
	height : 120px;
	float : left;
}

.theme_txt{
	margin : 0;
	padding : 0;
	width : 660px;
	height : 120px;
	float : right;
}

.theme_txt h4{
	margin : 5px 0 10px 0;
	padding : 0;
	font-size : 100%;
	font-weight : normal;
	color : #ffffff;
	line-height : 1.3;
	text-align : left;
}

.theme_txt h4 a,
.theme_txt h4 a:link,
.theme_txt h4 a:visited{
	color : #ffffff;
	text-decoration : none;
}

.theme_txt h4 a:hover{
	color : #ffffff;
	text-decoration : underline;
}

.theme_txt h4 a:active{}

.theme_txt p{
	margin : 0;
	padding : 0;
	font-size : 90%;
	color : #ffffff;
	line-height : 1.3;
	text-align : left;
}