@charset "utf-8";

/* ===================================================================
	デザイン別設定：位置、サイズ、余白などの設定
=================================================================== */

/*----- ページ全体の背景設定 -----*/
/* 背景 */
#header_container, #main_menu_container, #main_menu_container_top, #main_img_container, #content_group_container, #sub_img_container, #breadcrumbs_container, #long_banner_img_container {
	width:100%;
	background-repeat:repeat-y;
	background-position:center;
}

/* 背景：フッターエリア */
#footer_container {
	width:100%;
	background-repeat:no-repeat;
	background-position:center;
	margin-top:20px;
}

#sub_img_decoration,
#sub_img_decorationL {
	display:none;
	/* サブビジュアルにデコレーションする場合 */
}
.hover_btn {
	cursor:pointer;
}
/*----- ヘッダーエリア内 -----*/
/* ヘッダー */
#header {
	width:1000px;
	height:89px;
	margin:0 auto;
}
/* ヘッダー	ロゴ */
#header_catchphrase {
	width:213px;
	float:left;
}
/* ヘッダーリンク、検索窓、ログイン */
#header_link_search_block {
	height:38px;
	margin-left:auto;
	margin-right:0;
	float:right;
	width:787px;
	position:relative;
}


/* ヘッダーリンク */
#header_link {
	position:absolute;
	right:0;
	letter-spacing: -.40em;
	display:none;
}
#header_link div {
	letter-spacing: normal;
	font-size:1.1em;
	width:123px;
	height:25px;
	line-height:25px;
	margin-right:1px;
	float:none !important;
	margin-left:auto;
	text-align:center;
	display:inline-block;
	vertical-align:top;
/*	/display: inline;
	/zoom: 1;*/
}
#header_link div a {
	display:inline-block;
	width:123px;
	height:25px;
}
#header_link div#header_last_block,
#footer_bg div#header_last_block {
	display:none;
}
/*検索＋ログイン*/
#header_search_login {
	width:375px;
	position:absolute;
	right:0;
	top:57px;
	vertical-align:middle;
}

/*検索＋マイページ+ログアウト*/
#header_search_mypage {
	width:475px;
	position:absolute;
	right:0;
	top:32px;
	vertical-align:middle;
	text-align:right;
}

/* ヘッダー内 */
#header_member_button_box {
	display:block;
	text-align:right;
	margin-top:5px;
}	
/*検索ボックス*/
#header_search_login #cse-search-box {
	width:238px;
	float:left;
}
#header_search_mypage #cse-search-box {
	width:238px;
	float:right;
}
#header_search_mypage #header_member_button_box {
	float:right;
}
#search_box {
	width:162px;
	height:23px;
	font-family:sans-serif;
	margin:0;
	padding:0 0 0 5px!important;
	vertical-align:top;
	float:left;
	line-height:23px;
}

#search_btn {
	vertical-align:top;
	width:69px;
	height:25px;
	border:none;
	cursor:pointer;
}
#login_btn_a{
	display:inline-block;
	margin-left:10px;
	float:left;
}

#login_btn_a,
#login_btn {
	height:25px;
	width:125px;
	line-height:25px;
}


#logout_btn_a,
#mypage_btn_a{
	display:inline-block;
	margin-left:5px;
}
#logout_btn_a,
#logout_btn,
#mypage_btn_a,
#mypage_btn {
	height:25px;
	width:90px;
	line-height:25px;
}

#member_name {
	display: block;
	float: left;
	font-size: 1.2em;
	height: 25px;
	line-height: 25px;
	text-align: right;
	width: 285px;
}

/* ロゴ：1枚画像の場合 */
#header_bg_1 {
	width:1000px;
	height:89px;
	position: relative;
	background-image:url(/data/kk2/image/header/kk2_header_logo_bg.png);
	background-repeat:no-repeat;
}

/* ぱんくず */
#breadcrumbs_container{
	margin-bottom:-4px;
	position: relative;
}
#breadcrumbs {
	margin:0px auto;
	width:1000px;
	padding-top:6px;
	font-size:1.2em;
	/* 以下、パンくずがはみ出したら...にする設定　不要なら削除（複数行になる） */
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}


/* フッター */
#footer {
	width:1000px;
	margin:auto;
}

#footer_bg {
	overflow:hidden;
}
#footer_link {
	width:1000px !important;/* 自動取得したくない */
	height:40px;
	line-height:40px;
	font-size:1.2em;
	padding:0 40px 0 30px;
	display:none;
}
#footer_link a{
	margin-left: 5px;
}
#footer_link div {
	padding-right:5px;
}
#footer_copyright_sns {
	padding-bottom:15px;
}
#footer_copyright {
	float:left;
	width:465px!important;/* 自動取得したくない */
	line-height:1.2em;
	font-size:1.2em;
	margin:15px 0 15px 35px;
	display:none;
}

/* SNSリンクセット */
#sns_header_link_container {
	float:left;
	width:460px;
	margin:15px 40px 15px 0px;
}

div.sns_link{
	text-align:right;
}
/* コンテンツ表示エリア */
#content_group {
	width:1000px;
	margin:0 auto;
	padding:20px 0 0;
	overflow:hidden;
}

/*=============================
　　　サイトトップ用設定
==============================*/

/* メインイメージ格納エリア-1 */
#long_banner_container {
	height:102px;
}
#main_img,#long_banner_img {
	width:1000px;
	height:102px;
	margin:0 auto;
}
/* メインイメージの画像サイズ */
#main_img img,#long_banner_img img {
	width:1000px;
	height:102px;
}


/************************/
/* サイトトップ　2分割　*/
/************************/

/* メインコンテンツ格納ボックス 2分割用 */
#top_main_content {
	width:720px;
	float:left;
}

/* コンテンツボックスが右にある場合 */
.top_main_content_right_side{
	padding-left:20px;
}



/* メインコンテンツ格納ボックスをさらに分割 */
/* 2分割 */
#top_main_content .div2_element {
	width:272px;
}

/* 左：画像、右：テキストのセットが左右に配置されるときの画像 */
#top_main_content .paragraph_div2_img_left {
	width:120px;
	margin:0px 15px 0px 0px;
	overflow:hidden;
}
/* 左：画像、右：テキストのセットが左右に配置されるときのテキスト */
#top_main_content .paragraph_div2_text {
	width:137px;
	overflow:hidden;
}

/* 3分割：テキストは画像の下に配置で固定 */
#top_main_content .div3_element {
	width:174px;
}

/* 4分割：テキストは画像の下に配置で固定 */
#top_main_content .div4_element_left,
#top_main_content .div4_element_center {
	width:126px;
	margin-right:20px;
}
#top_main_content .div4_element_right {
	width:126px;
}


/***********************************/
/* サイトトップ　プリセットリスト　*/
/***********************************/

/* プリセットリスト格納ボックス */
#top_sub_content {
	width:260px;
	float:left;
	font-size:1.2em;
	line-height:1.4em
}
/* 固定表示　ビデオ（KK2専用） */
#top_video_container {
	margin-bottom:5px;
}
/* 固定表示　レンタルスペース（KK2専用） */
#top_rental_space_container {
	margin-bottom:17px;
}
#top_rental_space {
	background-color:#cccccc;
	width:250px;
	padding:7px 5px;
}
#top_rental_space li {
	background-color:#ffffff;
	width:240px;
	padding:7px 5px;
	margin-bottom:7px;
}

.top_rental_space_link {
	display:inline-block;
	width:100%;
	height:100%;
}
.top_rental_space_photo {
	margin-right:10px;
	float:left;
}
.top_rental_space_s_title {
	font-weight:bold;
}
#top_rental_space_container img{
	vertical-align:top;
}

.top_rental_space_link + a{
	margin-top:7px;
	display:inline-block;
}

/* 各プリセットリスト設定 */
/* ミニバナー */
#top_mini_banner_container{
	margin-bottom:12px;
}
#top_mini_banner_title {
	display:none;
}
.top_mini_banner {
	width:260px;
	margin:0 0 14px;
	padding:0;
}
.top_mini_banner_img,
.side_mini_banner_img {
	display:block;
	margin:0;
	width:260px;
}

.top_mini_banner_text {
	display:none
}
#top_mini_banner_footer {
	display:none
}


/* リリース、最新情報（トピックス）、テキスト広告 */
#top_release,
#top_topic,
#top_text_ad {
	margin-bottom:12px;
}

#top_release h3,
#top_topic h3 {
	background-position:left center;
	background-repeat:no-repeat;
}

/* 掲載情報がない場合 */
.top_no_list_element {
	height:26px;
	line-height:26px;
	text-indent:1em;
	background-color:#ffffff;
}

.no_list_element{
	height:26px;
	line-height:10px;
	text-indent:1em;
	background-color:#ffffff;
	font-size:1.2em;
	padding-top:20px;
}

.top_release,
.top_topic,
.top_text_ad {
	background-repeat:no-repeat;
	background-position:8px 0.7em;
}

/* リリース、最新情報（トピックス）のタイトル表示エリア */
.top_list_2area_title {
	width:260px;
	height:28px;
	line-height:28px;
}

.top_list_2area_title h3{
	height:28px;
	line-height:28px;
	margin-left:30px;
	font-size:1.2em;
}

/* リリース、最新情報（トピックス）のタイトルセンター合わせ調整用 */
.top_list_2area_title h3 img {
	vertical-align:middle;
}

/* リリース、最新情報（トピックス）の各項目の横幅設定 */
#top_sub_content .list_content {
	width:260px;
}


/*=============================
　　　2階層目以降用設定
==============================*/

#content_group {
	min-height:600px;
}
	
/* 2階層目以降ページ用メインコンテンツ格納ボックス */
#main_content {
	width:720px;
	float:left;
	padding-left:20px;
	margin-bottom:40px;
}


/* 2階層目以降ページ用プリセットリスト格納ボックス */
#side_content {
	width:260px;
	float:left;
}


/* メインコンテンツ用プリセットリスト */
/* 共通 */
#side_mini_banner_container,
#side_release,
#side_topic,
#side_text_ad {
	margin-bottom:12px;
}

/* ミニバナー */
#side_mini_banner_title {
	display:none;
}
#side_mini_banner_title_text{
	display:none;
}

.side_mini_banner {
	width:260px;
	margin:0 0 14px;
	padding:0;
}

.side_mini_banner_text {
	display:none;
}
#side_mini_banner_footer {
	display:none;
}

/* インフォメーション（トピックス流用 */

#side_topic_title {
	width:260px;
	height:40px;
	text-align:left;
	vertical-align:middle;
	line-height:40px;
	text-indent: 15px;
	font-weight:bold;
}

#side_topic_title_text {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 40px;
    width: 240px;
    font-size:1.4em;
}

#side_topic ul {
	padding-bottom:10px;
}
.side_topic {
	width:230px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding:10px 15px 0 15px;
	font-size:1.2em;
	line-height:1.3em;
}


#side_topic_footer{
	display:none;
}


/* テキスト広告 */
#side_mini_banner_title,
#side_text_ad_title {
	width:260px;
	height:26px;
}
.side_text_ad,
.side_no_list_element {
	width:230px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding:10px 15px 0 15px;
	font-size:1.2em;
	line-height:1.3em;
}
.side_text_ad{
	width:158px;
	padding:0.5em 8px 0px 22px;
}


/* 関連コンテンツ */
.side_related_theme_base {
	margin-bottom:12px;
}
.side_related_theme_title {
	width:258px;
	height:30px;
}
.side_related_theme_title_text {
	width:258px;
	height:30px;
	line-height:30px;
	background-repeat:no-repeat;
	background-position:center center;
	text-align:center;
	font-size:1.4em;
	vertical-align:middle;
}
.side_related_theme_base ul {
	margin-top:1em;
}
.side_related_theme {
	width:246px;
	display:block;
	font-size:1.2em;
	line-height:1.3em;
	margin-left:12px;
	margin-bottom:1em;
	/*text-indent:12px;*/
	max-height:2.6em;
	overflow:hidden;
}
.side_related_theme_a {
	/*overflow:hidden;
	white-space:nowrap;*/
	width:234px;
	/*text-overflow: ellipsis;*/
	display:inline-block;
	padding-left:12px;
}
.side_related_theme_footer {
	display:none;
}
/*=====================================
 リリース一覧、トピックス一覧ページ専用 
======================================*/
/* ページタイトル設定 */
#page_release_title,
#page_topic_title {
	height:25px;
	line-height:25px;
	text-align:left;
	background-image:url(/data/kk2/image/common/spacer_trans.png);
	background-repeat:no-repeat;
	background-position:left center;
}
/* リリース、トピックスが存在しないページの設定 */
#no_release,
#no_topics {
	padding:20px 0px 20px 20px;
}


/*=============================
　　　　　ポップアップ
==============================*/

#popup_header_container {
	width:100%;
	height:83px;
	background-repeat:no-repeat;
	background-position:top center;
}

#popup_header {
	width:650px;
	height:73px;
	margin:0 auto;
	background-image:url(/data/kk2/image/popup_header.png);
	background-repeat:no-repeat;
	background-position:0px 10px;
}

#popup_content_group_container {
	width:100%;
	background-repeat:repeat-y;
	background-position:center;
}

#popup_content_group {
	width:650px;
	margin:0 auto;
}

#popup_main_content {
	width:650px;
	margin:0 auto;
	font-size:1.2em;
}

#popup_content_title_bg {
	background-repeat:no-repeat;
	background-position:center;
	width:650px;
	height:24px;
	line-height:24px;
}

#popup_footer_container {
	width:100%;
	height:43px;
	background-repeat:no-repeat;
	background-position:center;
}


#popup_footer {
	width:620px;
	margin:0 auto;
}

#popup_footer_bt {
	background-repeat:no-repeat;
	background-position:center;
	width:77px;
	height:33px;
	position:relative;
	left:543px;
}

#bt_close_popup {
	width:100%;
	height:100%;
}

/*=====================================
 　　　　各ページ エントリー用
======================================*/

/************************/
/*　メインコンテンツ用　*/
/************************/

/*----- ページタイトル -----*/

.page_title h1 {
	/*height:37px;*/
	font-weight:bold;
	/*text-indent:15px;*/
	font-size:1.4em;
	line-height:1.4em;
	margin: 8px 15px;
}


.page_title_bg_color,
.page_title_bg_img {
	/*height:37px;*/
	line-height:37px;
	margin-bottom:20px;
}


/*----- テキストキャプション -----*/
.page_title_caption {
	margin-bottom:18px;
	font-size:1.3em;
	line-height:1.5em;
}

/*----- ヘッドライン -----*/
.headline {
	margin-bottom:10px;
}
.headline h2 {
	font-size:1.8em;
	font-weight:bold;
	line-height:1.5em;
}

/********************
*     パラグラフ    *
*********************/

/*----- 基本設定 -----*/
.paragraph {
	margin-bottom:17px;
	/* ↑margin-bottom:17px;はパーツ間の余白 */
	/* パラグラフのカタマリ間の余白はユーザーが設定する */
}

/* 基本セットの比率：テキスト490px スペース30px 画像200px（basic） */
.paragraph_text_basic {
	width:490px;
	font-size:1.3em;
	line-height:1.6em;
}

.paragraph_text_basic_non_float {
	font-size:1.3em;
	line-height:1.6em;
}

.paragraph_text_custom {
	font-size:3.0em;
	line-height:1.5em;
}

/* 画像 */
.paragraph_img{
	margin-bottom:10px;
}
.img_paragraph {
	text-align:center;
}
/* 画像左寄せ */
.paragraph_img_basic_left {
	width:200px;
	margin-right:30px;
	overflow:hidden;
}

/* 画像右寄せ */
.paragraph_img_basic_right {
	width:200px;
	margin-left:30px;
	overflow:hidden;
}

/*----- 基本設定 サイトトップ 2分割曜 -----*/

/* 基本セットの比率：テキスト344px スペース10px 画像200px（basic） */
.top_main_content_right_side .paragraph_text_basic,
.top_main_content_left_side .paragraph_text_basic {
	width:344px;
}

/* 画像左寄せ */
.top_main_content_right_side .paragraph_img_basic_left,
.top_main_content_left_side .paragraph_img_basic_left {
	width:200px;
	margin-right:10px;
	overflow:hidden;
}

/* 画像右寄せ */
.top_main_content_right_side .paragraph_img_basic_right,
.top_main_content_left_side .paragraph_img_basic_left {
	width:200px;
	margin-left:10px;
	overflow:hidden;
}


/*----- パラグラフ　テキスト -----*/
.text_paragraph {
	font-size:1.3em;
	line-height:1.6em;
}

/*----- パラグラフ見出し(カテゴリカラー背景) -----*/
.paragraph_title {
	margin-bottom:14px;
	line-height:1.4em;
}

.paragraph_title h3 {
	font-size:1.4em;
	font-weight:bold;
	margin-left:12px;
	width:100%;
	height:22px;
	vertical-align:middle;
	line-height: 22px;
}


/* 小見出し(灰色背景) */
.paragraph_title_s {
	margin-bottom:10px;
	padding:2px 13px;
	font-size:1.3em;
	line-height:1.4em;
}

/* 小見出し(灰色背景) 本文とセット用 */
.paragraph_text_basic .paragraph_title_s,
.paragraph_text_basic_non_float .paragraph_title_s {
	font-size:1.0em;
}


/* 小見出し　テキストのみ */
.paragraph_title_ss {
	font-size:1.3em;
	font-weight:bold;
	line-height:1.4em;
}


/*----- 画像-テキスト左右配置 -----*/

.paragraph_title_s_bg_color {
	/*height:15px;*/
	line-height:15px;
}



/*----- 画像-テキスト上下配置 -----*/
.div2_element_left,
.div3_element_left {
	overflow:hidden;
}
.div3_element_center {
	margin:0px auto;
	overflow:hidden;
}
.div2_element_right,
.div3_element_right {
	margin:0px 0px 0px auto;
	overflow:hidden;
}
.div4_element {
	overflow:hidden;
}

/* 画像を囲む */
.paragraph_it_img_area {
	margin-bottom:10px;
}

/* 小見出しを囲む */
.paragraph_it_title_s_area {
	margin-bottom:7px;
}

/* 2分割 */
#main_content .div2_element {
	width:345px;
}
.pt_div2_element {
	width:50%;
}
/* 3分割 */
#main_content .div3_element {
	width:200px;
}
.pt_div3_element {
	width:33.33%;
}
/* 4分割 */
#main_content .div4_element_left,
#main_content .div4_element_center {
	width:157px;
	margin-right:30px;
}
#main_content .div4_element_right {
	width:157px;
}

#powerTip .pt_div4_element {
	width:25%;
}
/* FlexBox用分割 */
.box_1 {
	width: 100%;
	margin: 8px 0px;
}
.box_2 {
	width: calc(50% - 4px);
	margin: 8px 0px;
}
.box_3 {
	width: calc(33.3% - 4px);
	margin: 8px 0px;
}
.box_4 {
	width: calc(25% - 4px);
	margin: 8px 0px;
}


/* 本文テキスト */
.paragraph_it_vertical_2_text,
.paragraph_it_vertical_3_text,
.paragraph_it_vertical_4_text {
	font-size:1.3em;
	line-height:1.6em;
}

/* 小見出し */
.paragraph_title_s_2 h4,
.paragraph_title_s_3 h4,
.paragraph_title_s_4 h4 {
	font-size:1.2em;
	font-weight:bold;
	padding:2px 13px;
	/*width:100%;*/
	min-height:15px;
	line-height:1.4em;
}

/* 第２階層ビデオプレビュー（レスポンシブ） */
.videobox{
	margin-left: 10px;
	float: right;
	width: 320px;
	height: auto;
}
@media screen and (max-width: 639px) {
	.videobox_reverse{
		display: flex;
		flex-direction: column-reverse;
	}
	.videobox{
		margin-left: 0px;
		float: none;
		width: auto;
		height: auto;
	}
}


/*----- テーブル -----*/
/* 共通 */
.table_type1,
.table_type2,
.table_type3,
.table_type4 {
	border-collapse: collapse;
	width:100%;
	font-size:1.3em;
	line-height:1.6em;
}

.table_type1 td,
.table_type2 td,
.table_type4 td  {
	padding:3px;
	margin:0;
	border-collapse: collapse;
}


.table_type1 tr.table_tr_1_on,
.table_type2 tr.table_tr_1_on,
.table_type3 tr.table_tr_1_on,
.table_type4 tr.table_tr_1_on td,
.table_type4c_title_on {
	text-align:center;
	font-weight:bold;
}

/* type1 */
.table_type1 tr.table_tr_1 {
	/*text-align:center;*/
}
.table_type1 td.table_type1c_title_on {
	/*text-align:center;*/
}

/* type2 */
/* border-left:none を有効にさせるため「.table_type2c_title_on」の上位クラス「.table_type2」をつけること */
.table_type2 .table_type2c_title {
	border-left:none;
}
.table_type2 .table_type2c_title_on {
	text-align:center;
	border-left:none;
}

/* type3 */
.table_type3 td {
	padding:3px;
	margin:0;
	text-align:center;
	border-collapse: collapse;
}
.table_type3c_title {
	text-align:center;
}
.table_type3c_title_on {
	text-align:center;
}

/* type4 */
/* 背景交互：すべて共通設定で完了 */



/*----- リンク -----*/
/* スマホと共通HTMLにするためにtext_linkを追加 */
.link_text a,
.link_text a:visited {
	text-decoration:underline;
	font-size:1.3em;
	/*line-height:1.3em;*/
    line-height: 20px;
	vertical-align:middle;
	margin-left:17px;
}

.text_link a,
.text_link a:visited{
	text-decoration:underline;
	font-size:1.3em;
    line-height: 20px;
	vertical-align:middle;
}

.link_text a:hover,
.text_link a:hover {
	text-decoration:underline;
}

.link_bt_img {
	vertical-align:middle;
}

.link_mark{
	background-repeat:no-repeat;
	background-position:left center;
	/**/
    display: inline-block;
    line-height: 20px;
    /**/
}


/* ファンクションの場合 */
.onclick_btn:hover {
	opacity:0.7;
	cursor:pointer;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

/*----- リスト -----*/
/* 日付 */
.list_date {
	background-position:10px center;
	width:110px;
	height:34px;
	line-height:34px;
	vertical-align:middle;
	overflow:hidden;
	font-size:1.3em;
}
/* 項目 */
.list_content {
	width:610px;
	height:34px;
	line-height:34px;
	vertical-align:middle;
	overflow:hidden;
	font-size:1.3em;
}

/* リストタイトル */
/* 共通 */

.list_type1_header_color,
.list_type2_header_color {
	height:25px;
	line-height:25px;
}

.list_type1_header_color .list_type1_title,
.list_type1_header_color .list_type2_title {
	width:616px;
	height:25px;
	line-height:25px;
}

.list_type1_header_img .list_type1_title,
.list_type1_header_img .list_type2_title {
	width:616px;
	height:30px;
	line-height:30px;
}

.list_type1_header_color .list_type1_title h3,
.list_type1_header_color .list_type2_title h3 {
	height:25px;
	line-height:25px;
	margin-left:10px;
	font-size:1.2em;
}

.list_type1_header_img .list_type1_title h3,
.list_type1_header_img .list_type2_title h3 {
	height:30px;
	line-height:30px;
	margin-left:50px;
	font-size:1.2em;
}

.list_type1_title h3 img,
.list_type2_title h3 img {
	vertical-align:middle;
}



/* リスト type1 */
.list_type1_header_img {
	background-repeat:no-repeat;
	background-position:left top;
	height:28px;
	line-height:28px;
}


/* リスト type2 */
.list_type2_header_img {
	height:28px;
	line-height:28px;
	/* 以下、リストの上の青ラインを隠す。*/
	margin-bottom:-3px;	/* リストを3px上にひっぱりあげる */
	position:relative; /* このレイヤー（タイトル）をリストレイヤーより上に重ねる */
	z-index:10; /* このレイヤー（タイトル）をリストレイヤーより上に重ねる */
}

.list_type2_header_img h3 {
	margin-left:10px;
}


/* リストボタン */
.list_type1_list_all_bt {
	background-repeat:no-repeat;
	background-position:left center;
	width:88px;
	height:21px;
	line-height:21px;
	margin:6px 0px;
	padding-left:14px;
	vertical-align:middle;
	font-size:1.2em;
}

.list_type1_header_color .list_type1_list_all_bt {
	margin:2px 0px;
}

/*
.list_type1_list_all_bt,
.list_type1_list_all_bt:visited{
	text-decoration:none;
}

.list_type1_list_all_bt:hover {
	text-decoration:underline;
}
*/
.list_type1_list_all_bt_img {
	background-repeat:no-repeat;
	background-position:center center;
	height:20px;
}


/* リスト */
/* Type1 */

.list_type1_li {
	width:100%;
	height:34px;
	/*font-size:1.3em;*/
}

.list_type1_li .list_mark {
	background-image:none;
}
.list_type1 li:last-child {
	border-bottom:none;
}


/* リストの前ページ・次ページリンク */
.bt_prev_next_area {
	padding-top:10px;
	font-size:1.2em;
}
.list_next_link,.list_previous_link {
	display:inline-block;
	width:50%;
	float:left
}
.list_next_link{
	text-align:right;
}

.list_next_link a:hover,
.list_previous_link a:hover {
	text-decoration:underline;
}


/* IE */
.list_type1 .li_last {
	border-bottom:none;
}

.list_content a:hover,
.list_date a:hover{
	text-decoration:underline;
}

.list_mark {
	background-repeat:no-repeat;
}

/*----- 仕切り線 -----*/
.dividing_line_type1,
.dividing_line_type2,
.dividing_line_type3 {

	height:17px;
}


/*----- カタログ表示 -----*/

.catalog_parts {
	cursor: pointer;
	float:left; 
	width:340px;
 	margin-right:20px;
 	margin-bottom:10px;
 	padding-top:20px;
}
.catalog_img_left {
    margin-right: 10px;
    overflow: hidden;
    width: 140px;
    height:110px;
}
.catalog_img {
	width:100%;
}

.catalog_text {
	width:190px;
	height:110px;
	overflow:hidden;
	word-break:break-all;
	font-size:1.3em;
	line-height:1.4em;
}
.catalog_title_s {
	margin-bottom:5px;
}
.catalog_title_s h4{
    font-size: 1em;
    font-weight: normal;
    height: 16px;
    line-height: 16px;
    margin-left: 8px;
    width: 100%;
    white-space:nowrap;
    overflow:hidden;
}
.catalog_ov{
	text-decoration:underline;
}

.list_prev_next_link_area {
	padding-top:5px;
}

/* ▲矢印：spanにつけます。 */
.arrow_previous,.arrow_next{
	display:inline-block;
	vertical-align:middle;
	height:0px;
	width:0px;
}
.arrow_previous {
	margin-left:10px;
	margin-bottom:3px;
}
.arrow_next{
	margin-right:10px;
	margin-bottom:3px;
}

/******************************/
/*　スタンダードコンテンツ用　*/
/******************************/

/*----- FAQ用 -----*/
/* 質問一覧 */
.faq_categorized_question_list_container {
	margin-bottom:35px;
}

.faq_category_name {
	font-weight:bold;
	font-size:1.8em;
	margin-bottom:5px;
}

.faq_categorized_question_list .list_type1_li {
	width:100%;
	height:auto;
}

.faq_categorized_question_list .list_mark {
	background-position:10px 11px;
	line-height:30px;
	height:30px;
	width:30px;
}


.faq_categorized_question_list .list_content {
	width:690px;
	height:auto;
	line-height:30px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
	font-size:1.3em;
}

.qa_num {
	width:0;
	font-size:0;
	display:none;
}
/* 各質問と回答 */
.faq_question_list_container {
	margin-bottom:70px;
}

.faq_question_container {
	width:100%;
	overflow:hidden;
	position:relative;
}

.faq_question_number,
.faq_answer_number {
	width:42px;
	text-align:center; 
	vertical-align:middle; 
	font-weight:bold;
	padding:8px 0px;
	font-size:1.4em;
	position:absolute;
	height:100%;
}
.faq_question,
.faq_answer {
	margin-left:43px;
	width:657px; 
	padding:10px 15px 10px 5px;
	font-size:1.3em;
	vertical-align:middle;
}

.faq_answer_container {
	width:100%;
	margin:0px 0px 5px;
	overflow:hidden;
	position:relative;
}

.faq_back_to_top_link {
	margin-bottom:22px;
	width:100%;
	text-align:right;
	width:80px;
	height:17px;
}

.faq_back_to_top_link .link_mark {
	width:80px;
	height:17px;
	display: inline-block;
	margin-left:640px;
}

.faq_back_to_top_link .link_text a,
.faq_back_to_top_link.link_text a:visited {
	margin-left:0;
}


/*----- サイトマップ用 -----*/
#sitemap_container {
	font-size:1.2em;
	line-height:1.2em;
}
#sitemap_layer_container {
	margin:0px;
	padding:0px;
	width:740px;
}

.sitemap_layer2 {
	width:222px;
	margin:0 20px 40px 0px;
	display:inline-block;
	vertical-align:top;
	overflow:hidden;
}

/* IE7 */
*:first-child+html .sitemap_layer2 {
	display: inline;
}

.sitemap_layer3,
.sitemap_layer4 {
	width:100%;
}

.sitemap_layer3 {
	margin-left:-20px;
}
.sitemap_link_element {
	padding:5px 0px;
}


.sitemap_link {
	margin-left:20px;
}
.sitemap_layer4 .sitemap_link {
	margin-left:40px;
}
.sitemap_link_mark {
	background-repeat:no-repeat;
	background-position:left 3px;
	width:18px;
	height:18px;
	float:left;
}

.sitemap_a {
	display:block;
	width:182px;
	float:left;
}
.sitemap_layer4 .sitemap_a {
	width:164px;
}


a.sitemap_a,
a.sitemap_a:visited {
	text-decoration:none;
}
a.sitemap_a:hover {
	text-decoration:underline;
}

#sitemap_header_footer_container {
	width:470px;
}
#sitemap_header_title,
#sitemap_footer_title {
	display:block;
	margin-bottom:10px;
	width:100%;
}
#sitemap_header {
	width:222px;
	margin:0px 20px 40px 0px;
	float:left;
}

#sitemap_footer {
	width:222px;
	margin-bottom:40px;
	float:left;
}

/*----- グーグルマップ -----*/
/* ポップアップで表示 */
#popup_main_content .paragraph {
	padding:0px 15px;
}

.map_canvas_setting {
	width:620px;
	height:380px;
}
.point_name {
	font-size:1.2em;
	font-weight:bold;
	height:1.8em;
	line-height:1.8em;
}

.point_address1,
.point_address2,
.point_notes {
	margin:0px;
	padding:0px;
	line-height:1.5em;
}


/*----- 資料請求用 -----*/
#catalog_request .request_info_list {
    padding-top:10px;
    margin-bottom:10px;
}

li.request_info_item {
	margin-bottom:10px;
	text-indent: 12px;
}
li.request_info_item input,
li.request_info_item span,
li.request_info_item label {
	vertical-align:middle;
}
#customer_address{
	width:740px;
}

.address_item_tit {
	display:inline-block;
	width:50px;
	white-space:nowrap;
	margin-right:5px;
}
#zip_area,
#pref_area {
	margin-bottom:5px;
}

#pref {
	margin:0;
}
.form_input_text_field_s{
	vertical-align:middle;
	width:5em;
	font-family:sans-serif;
}

.form_input_text_field_m {
	vertical-align:middle;
	width:495px;
	font-family:sans-serif;
	margin-bottom:5px;
}

/* 外国語1用 */
form.exte1 span.address_item_tit {
	width:120px;
}
form.exte1 input.form_input_text_field_m {
	width:425px;
}

/* 外国語2用 */
form.exte2 span.address_item_tit {
	width:120px;
}
form.exte2 input.form_input_text_field_m {
	width:425px;
}

/* メイン・ビジュアルのスライドショー */
#slideshow {
    width:1000px;
    height:280px;
}

#slideshow img {
    top:0;
    left:0;
}


/* リンク付きメイン・ビジュアルのスライドショー */
#slideshow_link {
    width:1000px;
    height:280px;
}

#slideshow_link a {
    top:0;
    left:0;
}


/* SNS連携ボタンエリア */
div.sns_link{
	/*margin:10px 0 0 0;
	position: absolute;
	right   : 0;*/
	/*float:right;*/
}
span.facebook_box {
    width: 110px !important;
}

/*=============================
　ページ下部 関連リンクエリア
==============================*/

#related_link_container_bottom {
	width:100%;
}
/*___updated 20150911
#related_link_bottom {
	background-position:center bottom;
	background-repeat:no-repeat;
	margin:0 auto; 
	width:998px;
	padding:8px 0 0;
}
*/

#related_link_bottom {
	background-position:center bottom;
	background-repeat:no-repeat;
	margin:0 auto; 
	width:718px;
	padding:8px 0 0;
}
div.related_link_set_bottom {
	/*margin-bottom:25px;*/
	/*margin-bottom:10px;*/
}
span.related_link_bottom_title {
	font-size:1.4em;
	display:inline-block;
	width:998px;
	overflow:hidden;
	white-space:nowrap;
	padding-bottom:8px;
	margin-bottom:13px;
	text-indent:12px;
	line-height:1.4em;
}
li.related_link_item,
li.related_link_item_s{
	display:block;
/*	width:237px;*/
	width:219px;
	background-position:left center;
	background-repeat:no-repeat;
	font-size:1.2em;
/*	margin:0 0 1em 1em;*/
	margin:0 0 1em 20px;
	overflow:hidden;
	line-height:1.4em;
	height:2.8em;
	float:left;
}

.related_link_text{
	display:inline-block;
	text-overflow: ellipsis;
	width:190px;
	overflow:hidden;
}

li.related_link_item_s{
/*	margin-left:5px;*/
}



/*=============================
　サイド　サブメニューパネル
==============================*/

#sub_menu_panel_container {
	width:260px;
	margin-bottom:12px;
}

#sub_menu_panel_title{
	width:260px;
	height:37px;
	line-height:37px;
	text-align:left;
	text-indent:15px;
	font-size:1.4em
}

.sub_menu_panel {
	width:260px;
	padding:0;
}
.sub_menu_panel li {
	float:left;
	overflow:visible;
}
	
.sub_menu_panel li a {
    display: block;
}
.sub_menu_bt,.sub_menu_bt_on {
	width:232px;
	height:40px;
	padding:0;
	margin:0 0 0 28px;
	line-height:40px;
	text-indent:15px;
	font-size:1.2em;
}


/*=============================
　ログインフォーム,
　お問い合わせフォーム,
　会員登録フォーム
==============================*/

.login_form_title,
.inquiry_form_title {
	display:inline-block;
	width:146px;
	padding:12px 17px;
	margin-right:17px;
	vertical-align:middle;
}

ul.login_form,
ul.inquiry_form {
	margin-bottom:20px;
	font-size:1.2em;
}

.login_input,
.inquiry_input {
	width:180px;
	padding:3px;
	vertical-align:middle;
}

.inquiry_form_confirm {
	width:510px;
	vertical-align:middle;
}

/*************
20160705　池上
問い合わせ種別をラジオボタンに
*************/
ul.inquiry_form li#inquiry_inquiry_type {
	display:table;
	width:99.9%;
}
ul.inquiry_form li#inquiry_inquiry_type > .form_page.inquiry_form_title,
ul.inquiry_form li#inquiry_inquiry_type > #inquiry_type {
	display:table-cell;
	vertical-align:top;
}
ul.inquiry_form li#inquiry_inquiry_type > #inquiry_type {
	padding:12px 17px;
}
ul.inquiry_form li#inquiry_inquiry_type > #inquiry_type li  {
	margin:0 0 0.5em 0;
	vertical-align:middle;
}
ul.inquiry_form li#inquiry_inquiry_type > #inquiry_type li input[type="radio"]  {
	margin:0 0.5em 0 0;
}
/*************
ここまで
*************/


#btn_login,
#btn_send_form,
#btn_cancel,
#btn_submit_form,
#btn_change,
.reservation_container .btn_cancel,
.member_container .btn_cancel,
.btn_confirm,
.btn_agree_confirm,
.btn_reg_member,
.btn_send {
	border: 0px;
	width: 120px;
	height: 40px;
	display:inline;
}

#btn_login:hover,
#btn_send_form:hover,
#btn_cancel:hover,
#btn_submit_form:hover,
#btn_change:hover,
.reservation_container .btn_cancel:hover,
.member_container .btn_cancel:hover,
.btn_confirm:hover,
.btn_agree_confirm:hover,
.btn_reg_member:hover,
.btn_send:hover {
	opacity:0.7;
	cursor:pointer;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
/* ログイン専用 */
#auto_login {
	margin-left:180px;
	vertical-align:middle;
}

ul.login_form .li_last {
	padding:12px 17px;
}


.button_area {
	width:720px;
	text-align:center;
	margin-bottom:20px;
}
#forget_password {
	margin-top:10px;
	display:inline-block;
	font-size:1.2em;
}

/* お問い合わせ専用 */
#inquiry_mail_detail {
	position:relative;
	overflow:hidden;
}

ul.inquiry_form  #mail_message_tit{
	vertical-align:top;
	position:absolute;
	height:100%;
}

#inquiry_mail_detail textarea,
#inquiry_mail_detail .inquiry_form_confirm,
ul.reservation_form #comment {
	margin:12px 0 12px 197px;
	font-size:1.2em;
	font-family:sans-serif;
}
#inquiry_mail_detail .inquiry_form_confirm {
	display:inline-block;
}
#inquiry_inquiry_type select {
	margin-left:-4px;
	padding:3px;
	font-size:1.2em;
	font-family:sans-serif;
}

#btn_cancel,
#btn_change,
.reservation_container .btn_cancel,
.member_container .btn_cancel,
.btn_change,
.member_container .btn_change {
	margin-left:10px;
}
/* 登録専用 */
.member_container .multi_checkbox {
	display: inline-block !important;
	float: left !important;
	padding: 12px 19px 12px 17px;
	width: 500px !important;
}

.member_container .multi_checkbox label {
	margin-bottom:5px;
	display:inline-block;
}

#multi1_tit, #multi1_tit, #multi1_tit, #multi1_tit, #multi1_tit {
    display: inline-block;
    margin-right: 0px;
    padding: 12px 17px;
    vertical-align: middle;
    width: 146px;
    float:left;
}
.reg_member_confirm .member_input {
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo, 'メイリオ', sans-serif;
}

#mes.paragraph {
	font-size:1.2em;
	line-height:1.6em;
}
.reguler_member_message {
	display:inline-block;
	width:720px;
	margin-bottom:40px;

}
#mes.paragraph .button_area {
	display:inline-block;
}

/*=============================
　検索テーブル系
==============================*/

/*-- 一覧 --*/
.search_table_list_item {
	margin-top:20px;
	padding-bottom:20px;
	position:relative;
}

.search_table_list_summary {
	float:left;
	width:585px;
}
.search_table_books .search_table_list_summary {
	float:left;
	width:465px;
}
.search_table_books div.sns_link {
	text-align:left;
}
.search_table_list_title_box {
	width:470px;
	float:left;
	display:inline-block;
}
.score_box {
	width:115px;
	float:left;
	display:none;
}
.score_box20.configured {
	display:inline-block;
}
.score_stars {
	vertical-align:bottom;
}
.score {
	font-size:1.2em;
	margin-left:0.5em;
}
.check_questionaire_sheet {
	margin:5px 0 0 5px;
	display:inline-block;
}

.check_questionaire_sheet_a {
	font-size:1.2em;
}
.search_table_list_date {
	font-size:1.4em;
	line-height:1.4em;
	font-weight:bold;
	display:inline-block;
	float:left;
	margin-left:5px;
	width:390px;
}


h3.search_table_list_title{
	margin:10px 0 15px;
	font-weight:bold;
	font-size:1.4em;
	line-height:1.2em;
	display:block;
	width:470px;
}
#top_books_container h3.search_table_list_title {
	width:195px;
}


.search_table_books h3.search_table_list_title{
	margin:0 0 5px;
}
.search_table_list_summary_outline {
	display:inline-block;
	width:470px;
	float:left;
}
.search_table_list_status_box {
	float:left;
	width: 115px;
	text-align:center;
}
/*
.search_table_list_status_box {
	display: block;
	height: 100%;
	line-height: 100%;
	margin-top: -25px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 50%;
	width: 105px;
}
*/
.search_table_stauts_img:hover {
	cursor:pointer;
}

.search_table_list_theme_icon_box img {
	display:block;
	float:left;
	margin:0 2px 5px 0;
}
#seminar_entry_icon :hover {
	cursor:pointer;
}

.search_table_list_summary .text_paragraph {
	margin-bottom:20px;
	display:inline-block;
}
.search_table_books .search_table_list_summary .text_paragraph {
	margin-bottom:10px;
	display:inline-block;
}

.search_table_books .search_table_list_theme_icon_box {
	margin-top:15px;
}
/*-- TOP用 --*/

#top_event_seminar_container .search_table_list,
#top_books_container .search_table_list,
#top_free_container .search_table_list,
.theme_container .search_table_list {
	border-top:none;
}

#top_event_seminar_container .search_table_list_item,
#top_free_container .search_table_list_item,
.theme_container .search_table_list_item {
	margin-top:15px;
	padding-bottom:15px;
	position:relative;
}

#top_event_seminar_container .search_table_list_summary,
#top_event_seminar_container .text_paragraph,
#top_free_container .search_table_list_summary,
#top_free_container .text_paragraph,
.theme_container .search_table_list_summary,
.theme_container .text_paragraph {
	margin-bottom:0!important;
}
.top_list_container .top_seminar_title,
.top_list_container .top_books_title{
    background-position: left top;
    background-repeat: no-repeat;
}
#top_event_seminar_container .top_seminar_title,
#top_free_container .top_free_title,
.theme_container .top_free_title {
    height: 35px;
    line-height: 35px;
    padding-top: 2px;
}
#top_books_container .top_books_title {
    height: 30px;
    line-height: 30px;
    padding-top: 2px;
}
.top_list_container .list_type1_title {
	width: 616px;
    font-size: 1.4em;
}
.top_list_container .list_type1_title h3 {
    margin-left: 50px;
}
#top_event_seminar_container .list_type1_title h3,
#top_free_container .list_type1_title h3,
.theme_container .list_type1_title h3 {
    height: 40px;
    line-height: 40px;
}
#top_books_container .list_type1_title h3 {
    height: 30px;
    line-height: 30px;
}
#top_event_seminar_container .list_type1_list_all_bt,
#top_free_container .list_type1_list_all_bt,
.theme_container .list_type1_list_all_bt {
	font-size: 1.2em;
	margin-top:10px;
}
#top_books_container .list_type1_list_all_bt {
	font-size: 1.2em;
	margin:5px 0 0 0;
}

.books_registed_date_icon {
	display:inline-block;
	padding:3px 5px;
	font-size:1.1em;
	border-radius:5px;
	line-height:15px;
	height:15px;
	text-align:center;
	margin-right:10px;
}
.books_registed_date {
	font-size:1.3em;
}


#top_books_container li {
	display:inline-block;
	float:left;
}
#top_books_container .li_odd {
	width:390px;
}
#top_books_container .li_even {
	width:330px;
}
#top_books_container .li_odd .search_table_list_item {
	margin-right:40px;
}
#top_books_container .search_table_books .search_table_list_summary {
	width:195px;
}

#top_books_container .text_paragraph {
	line-height:1.4em;
	font-size:1.2em;
}

#top_books_container .search_table_list_title {
	margin-top:5px;
}
/*-- 検索共通 --*/
.search_table_list_text_icon,
.search_table_detail_text_icon,
.search_table_video_text_icon {
	padding:4px;
	border-radius:5px;
	font-size:1.2em;
	line-height:1.2em;
	font-weight:bold;
	display:inline-block;
	float:left;
	min-width:66px;
	text-align:center;
/*	/vertical-align:middle;*/
}



/*-- 一覧 & 開催前詳細 --*/
.search_table_list_img_box,
.search_table_detail_img_box {
	float:left;
	width:120px;
	margin-right:15px;
	overflow:hidden;
}

.search_table_list_img_box img{
	width:120px;
}
.search_table_list_outine {
	width:470px;
	float:left;
}
/*--開催前詳細 & 映像 & books--*/
.search_table_video_theme_icon_box {
	width:520px;
	float:left;
}
.search_table_detail_theme_icon_box img,
.search_table_video_theme_icon_box img {
	display:block;
	float:left;
	margin:0 2px 5px 0;
}
.search_table_video_title_score .score_box20 {
	float:left;
	padding-left:15px;
}


h2.search_table_detail_title,
h2.search_table_video_title {
	display:inline-block;
	font-size:1.4em;
	line-height:1.6em;
	font-weight:bold;
	margin:15px 0;

}
h2.search_table_detail_title,
.search_table_video_title  {
	width:720px;
}
.search_table_detail_date_place,
.search_table_video_date_place {
	float:left;
	width:520px;
}
.search_table_detail_d_p_para,
.search_table_video_d_p_para {
	display:inline-block;
	width:520px;
	margin-bottom:5px;
}
.search_table_detail_icon_box,
.search_table_video_icon_box {
	float:left;
	width:200px;
	text-align:right;
	font-size: 0;
	line-height:0;
}

.search_table_detail_icon_box img,
.search_table_video_icon_box img {
	margin-left:5px;
	vertical-align:top;
}


.search_table_detail_icon_right,
.search_table_video_icon_right {
	font-size:1.2em;
	line-height:1.2em;
	font-weight:bold;
	display:inline-block;
	float:left;
	margin:4px 0 0 5px;
	width:440px;
}

.search_table_detail_message,
.search_table_video_company {
	display:inline-block;
	font-size:1.3em;
	line-height:1.6em;
	width:100%;

}
.search_table_detail_speaker_info,
.search_table_video_speaker_info {
	float:left;
	width:585px;
}
.search_table_detail_speaker_name,
.search_table_detail_speaker_employment,
.search_table_detail_books_chapter {
	font-size:1.3em;
	line-height:1.3em;
	font-weight:bold;
	display:block;
	margin-bottom:10px;
}

.search_table_detail_date_place .sns_link,
.search_table_video_date_place .sns_link {
	text-align:left;
}

.search_table_video_speakers_box {
	margin-bottom:20px;
}
.search_table_video_speakers_photo {
	float:left;
	margin-right:10px;
}
/*-- 開催前詳細 & books --*/
.search_table_detail_message {
	padding:15px 0 35px;
}	
.search_table_video_company {
	padding:15px 0;
	margin-bottom:15px;
}

.search_table_detail_speaker {
	margin-bottom:10px;
}
.search_table_detail_books {
	padding-top:15px;
}
.search_table_detail_speaker_message,
.search_table_detail_books_outline {
	font-size:1.3em;
	line-height:1.6em;
	display:inline-block;
}

.search_table_detail_speakers_list li,
.search_table_detail_books_list li {
	margin-bottom:15px;
	padding-bottom:15px;
}

.search_table_detail_info_table {
	font-size:1.3em;
	line-height:1.6em;
	border-collapse:collapse;
	width:100%;
}

.search_table_detail_info_table td {
	padding:10px 0;
	
}

.search_table_detail_info_table td.t_title {
	width:120px;
	padding: 0 15px 0 0;
}


/*-- 映像 --*/
.search_table_video_company_name {
	font-weight:bold;
	display:block;
}


.search_table_video_container {
	
	
}
.search_table_video_speakers_info {
	float:left;
	width:240px;
	padding-right:20px;
	margin-bottom:10px;
}
.search_table_video_speakers_detail {
	font-size:1.3em;
	line-height:1.6em;
	margin-top:10px;
}

.search_table_video_video_chapter {
	float:left;
	width:460px;
}

.search_table_video_video_chapter_list li {
	padding:8px 6px 8px 12px;
	min-height:54px;
	position:relative;
	margin-bottom:10px;
}
.search_table_video_video_chapter_item{
	float:left;
	width:387px;
}
.search_table_video_video_chapter_title {
	display:inline-block;
	font-size:1.3em;
	font-weight:bold;
	padding-bottom:2px;
	width:100%;
	margin-bottom:10px;
}
.search_table_video_video_chapter_photo {
	float:left;
	margin-right:10px;
	max-width:120px;
}

.search_table_video_video_chapter_outline {
	display:inline-block;
	font-size:1.2em;
	line-height:1.4em;
	width:387px;
}

.search_table_video_play_icon_box {
	float: left;
	margin-top: -20px;
	position: absolute;
	text-align: right;
	top: 50%;
	width: 55px;
}
.video_pdf {
	display:none;
	text-indent:20px;
	background-position:left 0.5em;
	background-repeat:no-repeat;
}

/* ビデオブラウザ */
#mvideo {
	text-align:center;
}


/*=============================
　目次
==============================*/

.contents_index_container {
	background-color:#eeeeee;
	margin-top:-17px;
	padding:12px 0;
}
.contents_index_title {
	font-size:1.3em;
	line-height:1.6em;
	padding-left:23px;
}

ol.page_contents_index {
	font-size:1.3em;
	line-height:1.4em;
	margin-left:20px;
	width:685px;
	overflow:hidden;
	/*/padding-left:1.2em;*/
}

ol.page_contents_index li{
	width:195px;
	vertical-align:top;
	margin-left:15px;
	list-style-position:inside;
	/*list-style-type: decimal;*/
	counter-increment: cnt;
	text-indent:-1.2em;
	padding-left:1.2em;
	display:inline-block;
/*	/display:inline;
	/zoom: 1; 
	/text-indent:0;*/
}
ol.page_contents_index li:before{
	display: marker;
	content: "(" counter(cnt) ")";
}


/*=============================
　スクロールバー付きボックス
==============================*/
.scroll_box {
	overflow:auto;
}


/*=============================
　リンクリスト
==============================*/
li.link_list_item {
	font-size:1.3em;
	line-height:30px;
	padding-left:20px;
	display:inline-block;
	width:700px;
}

/*=============================
　カテゴリー概要説明（目次ページ）
==============================*/
.category_list_title {
	font-size:1.3em;
	line-height:1.6em;
	margin-bottom:10px;
	display:inline-block;
	overflow:hidden;
	width:720px;
	text-overflow:ellipsis;
	font-weight:bold;
}

.category_list_item {
	display:table;
}
.category_list_outline {
	width:590px;
	margin-right:47px;
	font-size:1.3em;
	line-height:1.6em;
	display:inline-block;
/*	float:left;*/
}

.category_list_img {
	display:table-cell;
	vertical-align:middle;
	layout-grid-line: 50px;
}

/*=============================
　レストランメニュー
==============================*/
.restaurant_menu_box {
	margin-bottom:15px;
}
.restaurant_menu_list {
	display:table;
	/*width:720px;
	overflow:hidden;*/
}

.restaurant_menu_box_item {
	min-height:200px;
	display:table-cell;
	width:212px;
	height:100%;
	padding:10px 8px;
	/* IE 7 */
/*	/display:inline;
	/zoom:1;
	/vertical-align:middle;
	/width:210px;*/
}

.restaurant_menu_box_item.display_none {
	display:none;
}
.transe {
	display:table-cell;
	width:15px;
/*	/display:inline;
	/zoom:1;
	/vertical-align:middle;*/
}
.menu_status_icon {
	display:inline-block;
	margin-bottom:5px;
}

.restaurant_menu_name {
	font-size:1.3em;
	margin-bottom:3px;
	padding-bottom:3px;
	display:inline-block;
	width:212px;
	line-height:1.4em;
	font-weight:bold;
}
.restaurant_menu_price {
	text-align:right;
	font-size:1.3em;
	display:inline-block;
	width:212px;
	font-weight:bold;
	height:1.3em;
	line-height:1.3em;
}
.restaurant_menu_img {
	max-width:210px;
/*	max-height:105px;*/
	margin-bottom:5px;
}

.restaurant_menu_text {
	font-size:1.3em;
	min-height:1.4em;
}

/*=============================
　施設専用パーツ
==============================*/

.facilities_modal_box {
	float:left;
}
.facilities_modal_box {
	width:225px;
	text-align:left;
}
.facilities_modal_image {
	width:200px;
	margin-bottom:10px;
}
.facilities_explanation_box {
	float:left;
	width:495px;
}

.facilities_name {
	display:inline-block;
	font-size:1.8em;
	line-height:1.8em;
	color:#9ba954;
	font-weight:bold;
	width:100%;
}
.facilities_text {
	display:inline-block;
	font-size:1.3em;
	line-height:1.6em;
	margin-bottom:20px;
	width:100%;
	vertical-align:top;
}

.facilities_spac dt {
	font-size:1.3em;
	line-height:1.3em;
	font-weight:bold;
}

.facilities_spac dd {
	font-size:1.3em;
	line-height:1.3em;
	margin-bottom:15px;
}



/*=============================
　予約 & Myページ
==============================*/

.reservation_value {
   display:inline-block;
   width:500px;
   padding-top:12px;
   padding-bottom:12px;
   padding-left:17px;
   vertical-align: middle;
   border-left:solid 1px #999999;
}

.reservation_flex {
    display:flex;
}

 .reservation_title_read {
	display:inline-block;
	width:146px;
	padding:12px 17px;
	vertical-align:middle;
}

.reservation_title,
.subscriber_title,
.member_title {
	display:inline-block;
	width:146px;
	padding:12px 17px;
	margin-right:17px;
	vertical-align:middle;
}

#subscriber_title_2 {
    float: left;
}

.subscriber_title_rajio {
    float: right;
    width: 516px;
}

.radio_list {
    width: 50%;
}

ul.reservation_form,
ul.subscriber_form,
ul.member_form {
	margin-bottom:20px;
	font-size:1.2em;
}

.reservation_input,
.subscriber_input {
	width:500px;
	padding:3px;
	vertical-align:middle;
}

.subscriber_radio {
	width:200px;
	padding:3px;
	vertical-align:middle;
}

.member_input {
	margin-left:4px;
	width:400px;
	padding:3px;
	vertical-align:middle;
}
.reservation_input_s,
.member_input_s {
	width:100px;
}

.list_width3 {
	margin:0;
	padding:0;
}

.reservation_confirm,
.member_confirm {
	width:510px;
	vertical-align:middle;
}

/*同伴者*/

.friends {
	padding:10px 0 10px 200px;
}
.friends_yomi {
	margin-left:10px;
}

.friends_name_input {
	width:150px;
	padding:3px;
	margin-left:5px;
	vertical-align:middle;
}
#friend1 {
	width:100%;
}

.reserve_confirm.friends .friends_yomi{
	margin-left:50px;
}

.reserve_confirm {
	/*width:100%;*/
	width:518px;
}
/*******イベント予約********/

.btn_reserve,
.btn_change,
.btn_save,
.btn_apply {
	border: 0px;
	width: 120px;
	height: 40px;
	display:inline;
}

.btn_reserve:hover,
.btn_change:hover,
.btn_save:hover {
	opacity:0.7;
	cursor:pointer;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

#seminar_brochure_icon,
#seminar_questionnaire_icon {
	display:none;
}

/*20160915*/
.attention_block {
	text-align:left;
	margin:1.5em 0 0;
}
.form_attention {
	display:block;
	font-size:1.5em;
	line-height:1.5em;
	margin:0 0 1em 0;
}
.tab_tit {
	font-size:1.6em;
	line-height:1.2em;
	display:inline-block;
	padding:0.5em;
	border-radius:5px 5px 0 0;

	background-color:#fa8f32;
	color:#ffffff;
}
.tab_box {
	border:double 3px #fa8f32;
	padding:0.5em;
}
.tab_text {
	display:inline-block;
	font-size:1.5em;
	line-height:1.5em;
	text-indent:-1em;
	margin-left:1em;
}

/*20160915 koomade*/

/*アンケート*/
.reservation_container .reservation_inquiry,
.member_container .member_inquiry {
	font-size:1.2em;
	margin-bottom:20px;
}
.reservation_inquiry .row1,
.reservation_inquiry .row1_chk,
.member_inquiry .row1,
.member_inquiry .row1_chk{
	display:inline-block;
	width:146px;
	margin-right:17px;
	padding-left:16px;
	vertical-align:middle;
	*line-height:1.5em;
    *display: inline;
    *zoom: 1;
    *margin-right:21px;
}

.reservation_inquiry .row2,
.reservation_inquiry .row2_chk,
.member_inquiry .row2,
.member_inquiry .row2_chk {
	width:500px;
	vertical-align:middle;
	display:inline-block;
	padding: 12px 17px;
	margin-left:-3px;
    *display: inline;
    *zoom: 1;
}
.reservation_inquiry .text_width4,
.reservation_input.normal_input {
	width:422px;
}
.reservation_input.normal_input {
	padding:1px 0;
}
.data_reader {
	display:none;
}
#free_text_box {
    overflow: hidden;
    position: relative;
}
ul.reservation_form #free_text_tit {
    height: 100%;
    position: absolute;
    vertical-align: top;
}
ul.reservation_form #comment {
	width:422px;
	cursor:pointer;
}

.free_text_tit,
.free_text_detail {
	float:left;
	display:inline-block;
	padding:12px 0 12px 17px;
	border-right:none!important;
}
.free_text_detail {
	border-left:solid 1px #999999;
	width:500px;
	line-height:1.6em;
	min-height:1.2em;
}
/**********施設予約***********/
.reservation_input_area {
	margin:12px 0;
	height:48px;
}

.facility_input {
	width:400px;
}
.users_cnt_input {
	width:50px;
	margin-right:5px;
}
.reservation_container .row2{
	width:500px;
}

#event_description_tit,
.event_description_tit {
	padding:0 0 0 13px!important;
	vertical-align: middle;
	line-height:2em;
}

#event_description_tit_read,
.event_description_tit_read {
	padding:0 0 0 17px!important;
	vertical-align: middle;
	line-height:2em;
}

#event_description {
	vertical-align: middle;
	width:400px;
	font-size:1em;
	font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,'メイリオ',sans-serif;
}

.facility_input,
.users_cnt_input,
.reservation_input.read_only,
.subscriber_input.read_only {
	font-size:1em;
	font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,'メイリオ',sans-serif;
}

.facility_event_description {
	display:inline-block;
	width:500px;
	padding-left:17px;
}
.facility_event_description_conf {
	padding-top:12px;
	padding-bottom:12px;
	vertical-align: middle;
}

/*施設日次,月次タイムライン*/
.facility_daily_date_box,
.facility_monthly_title_box{
	margin-bottom:7px;
}
.facility_daily_book #ymd,
.facility_monthly_book #ym {
	float:left;
	font-size:1.8em;
	font-weight:bold;
	min-height:25px;
	line-height:25px;
	display:none;
}
.facility_daily_book #ymd {
	width:200px;
}
.facility_monthly_book #ym {
	display:inline-block!important;
	width:150px;
}
.facility_daily_book #switch_block,
.facility_monthly_book #switch_block {
	display:inline-block;
	float:left;
	text-align:right;
}
.facility_daily_book #switch_block {
	width:520px;
}
.facility_monthly_book #switch_block {
	width:570px;
}

.facility_daily_book #bt_prev,
.facility_daily_book #bt_today,
.facility_daily_book #bt_next,
#facility_date_search_box #bt_search,
.facility_monthly_book #bt_prev,
.facility_monthly_book #bt_now,
.facility_monthly_book #bt_next  {
	width:72px;
	height:27px;
	border: 0px;
	display:inline;
	margin-left:6px;
	vertical-align:middle;
}
.facility_daily_book #bt_prev:hover,
.facility_daily_book #bt_today:hover,
.facility_daily_book #bt_next:hover,
#facility_date_search_box #bt_search:hover,
.facility_monthly_book #bt_prev:hover,
.facility_monthly_book #bt_now:hover,
.facility_monthly_book #bt_next:hover {
	opacity:0.7;
	cursor:pointer;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
.facility_daily_book #bt_prev:active,
.facility_daily_book #bt_today:active,
.facility_daily_book #bt_next:active,
#facility_date_search_box #bt_search:active,
.facility_monthly_book #bt_prev:active,
.facility_monthly_book #bt_now:active,
.facility_monthly_book #bt_next:active {
	outline:none;
}

.facility_daily_book #items .row1_conf {
	float:left;
	width:50px;
	height:45px;
	text-align:center;
	font-size:1.2em;
	padding:8px 5px 8px 17px;
	overflow:hidden;
	text-decoration:underline;
}
.facility_monthly_book .design_id_area {
	float:left;
	width:72px;
	height:21px;
	text-align:center;
	font-size:1.2em;
	overflow:hidden;
	line-height:21px;
}
.facility_daily_book #items .row2 {
	float:left;
	width:646px;
	height:62px;
}
.facility_time_title {
	height:28px;
}
.facility_time_title li {
	display:inline-block;
	float:left;
	width:37px;
	height:29px;
	line-height:29px;
	font-size:1.1em;
	text-align:center;

}
.facility_time_title li.empty_box {
	width:72px;
}

#facility_icon_sample,
#facility_icon_sample2 {
	margin-top:12px;
	font-size:1.2em;
	vertical-align:baseline;
	display:none;
}

.facility_mark_description {
	margin:0 22px 0 5px;
	display:inline-block;
}

.facility_mark_description .supplement {
	font-size:0.8em;
}

#facility_name_description {
	margin-top:15px;
}

#facility_date_search_box {
	padding:18px 15px;
	font-size:1.2em;
	margin-bottom:10px;
}


.facility_search_title {
	margin-right:14px;
	vertical-align:baseline;
}
.facility_search_setting {
	margin-right:5px;
	vertical-align:baseline;
}
#bt_search {
	vertical-align:baseline!important;
}
#facility_date_search_box,
.facility_time_title,
.facility_daily_book #items,
.facility_monthly_title_box,
.facility_monthly_book #items {
	display:none;
}

.facility_monthly_book #items .row2_chk {
	height:21px;
}
.rs_mark {
	vertical-align:bottom;
}
#facility_date_search_box {
	margin:0;
	padding:0;
}
#scc li {
	width:720px;
	display:block;
	vertical-align: bottom;
}
#scc {
	margin:0;
	width:720px;
}

/*完了ページ　メッセージ*/

.temp_finish_message {
	font-size:1.3em;
	line-height:1.6em;
}
/* セッション　カウンセラー紹介 */
.session_unit {
	padding-bottom:10px;
	margin-bottom:10px;
}
.session_photo {
	width:100px;
	overflow:hidden;
	margin-right:20px;
}
.session_photo img {
	max-width:100px;
}
.session_text_box {
	width:600px;
	margin-bottom:10px;
}
.session_name {
	font-size:1.4em;
	font-weight:bold;
	line-height:1.8em;
}
.session_description {
	font-size:1.3em;
	line-height:1.6em;
}

/* セッション予約カレンダー */

.main_calendar table {
	width:720px;
	border:none;
	border-collapse:separate;
	border-spacing:1px;
	
}
.main_calendar th.tit_month {
	width:720px;
	text-align:center;
}
/*前月／翌月／今月表示*/
.main_calendar .cal_header1 {
	width:70px;
	float:left;
	text-align : center;
	margin-left:6px;
}
.main_calendar #prev_month {
    display: inline;
    height: 27px;
    vertical-align: middle;
    width: 70px;
    padding-bottom:3px;
}
.main_calendar #next_month {
    display: inline;
    height: 27px;
    vertical-align: middle;
    width: 70px;
    padding-bottom:3px;
}
.main_calendar .cal_header2 {
	width:562px;
	float:left;
	text-align : left;
    font-size: 1.8em;
    font-weight: bold;
    line-height: 25px;
    min-height: 25px;
}


.main_calendar th.tit_week {
	display:none;
}


.main_calendar td {
	width:98px!important;
	min-height:28px;
	text-align:center;
	vertical-align:top;
}

.main_calendar td ul {
	width:100%;
}

.session_block {
	width:100px;
	height:40px;
	position:relative;
}
.main_calendar .calendar_date {
	display:block;
	height:28px;
	font-size:1.3em;
	line-height:28px;
}
.main_calendar .session_master_name,
.main_calendar .session_early {
	display:block;
	height:28px;
	font-size:1.3em;
	line-height:28px;
	font-weight:bold;
}

.main_calendar .line1 {
	display: inline-block;
	font-size:1.2em;
	line-height: 20px;
	min-height: 20px;
	vertical-align:middle;
	position:absolute;
	top:0;
	left:0;
	z-index:5;
	width:100%;
	
}

.main_calendar .line2  {
	display: inline-block;
	font-size:1.2em;
	line-height: 20px;
	min-height: 20px;
	vertical-align:middle;
	margin-top:10px;
}

.btn_session_reserve {
	font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,'メイリオ',sans-serif;
	width: 100%;
	height: 40px;
	top: 0;
	left: 0;
	position: absolute;
	z-index:2;
	vertical-align:baseline;
	padding-top:11px;
}
.line1:hover {
	z-index:1;
}
.btn_session_reserve:hover {
	opacity:0.7;
	cursor:pointer;
	z-index:6;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

/**************************
TOPページ
**************************/
#access_lanking_container {
	overflow:hidden;
}
.top_list_title {
	width:670px;
	height:19px;
	display:block;
	padding:16px 0 8px 50px;
	font-size:1.4em;
	font-weight:bold;
}

#access_lanking_list li {
	display:inline-block;
	float:left;
	width:165px;
	overflow:hidden;
	font-size:1.2em;
	line-height:1.3em;
	margin-right:20px;
	text-align:center;
	position:relative;
}
#access_lanking_list li.li_last {
	margin-right:0;
}
.lanking_item {
	text-align:left;
	display:inline-block;
}
.lnaking_icon {
	position:absolute;
	left:0;
	top:86px;
}
.lnaking_icon {
	opacity:1.0!important;
	z-index:5;
}
.image_box {
	height:124px;
	width:165px;
	display:inline-block;
	overflow:hidden;
	z-index:1;
}
.lanking_item:hover {
	cursor:pointer;
}
#top_main_content .list_type1_header_img .list_type1_title h3 {
	font-size:1.4em;
	padding-top:2px;
}
/* サムネイルリンク */
.li_paranemic.div4_element {
	width:25%;
	margin-bottom:20px;
	text-align:center;
}
.div4_element_img {
	max-width:157px;
	height:95px;
}

/* 目次 */
/*
.index_box {
	list-style-type: decimal;
	padding-left:2em;
}
*/

.index_box li {
	font-size:1.3em;
	color:#567D8C;
	/*float:left;*/
	width:24%;
	list-style-type:none;
	list-style-position:inside;
	counter-increment: cnt;
	display:inline-block;
}
.index_box .ol_paranemic {
	text-align:left;
	margin-bottom:10px;
}

.index_box li:before{
	display: marker;
	content: "（" counter(cnt) "）";
}

.index_a {
	line-height:1.6em;
	display:inline-block;
	width:80%;
	vertical-align:top;
	margin-top:-3px;
}
/**********************
メッセージfrom KK2
*********************/
.mail_list_item {
	font-size:1.3em;
	line-height:1.6em;
	width:720px;
	display:inline-block;
	vertical-align: bottom;
}
.mail_date {
	white-space:nowrap;
	display:inline-block;
	overflow:hidden;
	width:100px;
	text-overflow:ellipsis;
	float:left;
	padding:10px 20px 10px 0;
}
.mail_title {
	cursor:pointer;
	white-space:nowrap;
	display:inline-block;
	overflow:hidden;
	width:600px;
	text-overflow:ellipsis;
	float:left;
	padding:10px 0px;
}

/* コンピテンシーチェック用リンクリスト */
#competency_link_list {
	width:698px;
	font-size:1.3em;
	line-height:1.6em;
}
#competency_link_list li {
	overflow:hidden;
}
.competency_title {
	padding:8px 10px;
}

.competency_item {
	padding:3px 10px;
}
.competency_item span {
	min-height:38px;
	line-height:38px;
	display:inline-block;
	float:left;
}
.competency_detail {
	width:506px;
	padding-right:10px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
.check_study {
	width:80px;
}
.btn_study {
	width:81px;
	vertical-align:bottom;
	cursor:pointer;
}

.btn_study img {
	vertical-align:bottom;
}

/**************************
アンケート
**************************/
#review_tit {
	margin:0;
	border:none;
	float:left;
}

.review_box {
	float: left;
}
#review {
	cursor: pointer;
	height: 64px;
	margin-bottom: 12px;
	margin-left: 17px;
	margin-top: 12px;
	width: 430px;
}



/* ========================
 HTMLパーツ内独自拡張 
===========================*/

/* 各カテゴリトップ用（画像＋見出しリンク＋テキスト） */
h5.subtit_link {
	font-size:1em;
	font-weight:bold;
	display:inline-block;
	width:183px;
	vertical-align:top;
	background-image:url("/data/kk2/image/common/kk2_link_arrow.png");
	background-repeat:no-repeat;
	background-position:left 4px;
	padding:0 0 0 17px;
	margin:0 0 5px;
}



/* ========================
 協賛メンバー
===========================*/
.rcmd_all_500 {
	display:none;
}
.prgListItem.noItem {
	display:inline-block;
	width:100%;
	margin-top:15px;
    padding-bottom:15px;
    font-size:1.3em;
}
.sponcor_logo {
	display:table-cell;
	max-width:160px;
	vertical-align:middle;
	padding:5px 10px;
}

.page_title.page_title_bg_color.sponcor_title {
	margin-top:7px;
	border-bottom:none;
	background-color:#ffffff;
	color:#333333;
	border:solid 1px #4c7e96;
	width:715px;
	display:table;
	padding:0;
}
.page_title.page_title_bg_color.sponcor_title h1 {
	font-size:2.0em;
	padding:5px 10px;
	display:table-cell;
	vertical-align:middle;
	width:100%;
	color:#ffffff;
	background:linear-gradient(#345C72,#4C7D95);
}

.sponsor_content .sns_link {
	display:none;
}
/**************************
キャリア相談室
**************************/
.agree_text {
        height: 150px;
        background-color: #eeeeee;
        overflow-y:scroll;
        padding: 5px 12px;
        font-size: 1.3em;
        margin-bottom: 20px;
}