/*
 *  テーマCSS
 */

/* =========================================================== 
		theme template css
   =========================================================== */

/*	base css
-------------------------------------------------------------- */
html {
    background: url("/files/html_bg.jpg") repeat-x scroll center top transparent;
}

body {
    background: url("/files/body_bg.jpg") no-repeat scroll center top transparent;
    color: #666666;
    font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
    font-size: 62.5%;
    line-height: 1;
}

#branding_box {
    background: url("/files/branding_box_bg.jpg") no-repeat scroll center top transparent;
    height: 175px;
    margin: 0 auto;
    padding: 0 0 25px;
    width: 960px;
}

#main_teaser {
    margin: 0 auto;
    padding: 0;
    width: 960px;
}

#outer_block {
    background: url("/files/outer_block_bg.jpg") repeat-y scroll 0 0 transparent;
    margin: 0 auto;
    padding: 20px 0 0;
    width: 1000px;
}

#inner_block {
    margin: 0 auto;
    padding: 0 10px;
    width: 960px;
}


#site-description {
    display: block;
    font-size: 100%;
    font-style: normal;
    line-height: 20px;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 960px;
}

#site-description a {
    text-decoration: none;
}

#site-description a:hover {
    text-decoration: underline;
}

.entry-post {
    clear: both;
}

img {
    margin: 0;
    padding: 0;
    vertical-align: bottom;
}


/* =========================================================== 
		layout template css
   =========================================================== */
#main {
    overflow: hidden;
    padding: 0;
    width: 960px;
}

.sidebar-box {
    display: inline-block;
    float: left;
}

#secondary {
    float: left;
    padding: 0 0 20px;
    width: 240px;
}

#main .widget-area ul {
    margin: 0;
    padding: 0;
}

.widget-container {
    margin: 0 0 20px;
}


#thirdly {
    clear: both;
    padding: 0 0 50px 0;
    width: 240px;
}

#main .widget-area ul ul {
    border: medium none;
    margin: 0;
    padding: 0;
}

#main .widget-area ul ul li a {
    background: url("/files/widget_list_bg.jpg") no-repeat scroll left top transparent;
    display: block;
    font-size: 13px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    padding: 0 0 0 40px;
}

#container_top {
    float: right;
    padding: 0 0 50px;
    width: 700px;
}

#footer_block {
    background: url("/files/footer_bg.jpg") repeat-x scroll center bottom transparent;
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

#footer_box {
    background: url("/files/footer_box_bg.jpg") no-repeat scroll center top transparent;
    height: 171px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    width: 1020px;
}

#footer_sitemap_block {
}

#footer-widget-area {
    display: table-cell;
    font-size: 12px;
    line-height: 1.6;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    width: 1020px;
}

#footer-widget-area .widget-area {
    display: inline-block;
    float: none;
    margin: 0 auto;
    text-align: center;
    width: auto;
}

#footer-widget-area .widget-area ul.menu {
    border-left: 1px solid #999999;
    list-style: none outside none;
    margin-left: 0;
}

#footer-widget-area .widget-area .menu-item {
    float: left;
}

#footer-widget-area .widget-area .menu-item a {
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    display: block;
    font-weight: bold;
    line-height: 1.7;
    margin: 0 0 0 -1px;
    padding: 0 15px;
    text-decoration: none;
}
#footer-widget-area .widget-area .menu-item a:hover {
    text-decoration: underline;
}

.footer_infomation {
    display: inline-block;
    width: 1000px;
}

#footer_information {
    margin: 0;
    padding: 0;
}

#footer_information .entry-post {
    border-bottom: medium none;
    margin: 30px 0 0 320px;
    padding: 0;
    width: 680px;
}

#copyright {
    clear: both;
    color: #FFFFFF;
    font-size: 100%;
    font-style: normal;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

/* =========================================================== 
		2014/12/04 IE6,7のメニューセンタリングハックCSS追記
   =========================================================== */
* html #footer-widget-area .widget-area {/* IE 6 */
display:inline;
zoom:1;
}
*:first-child+html #footer-widget-area .widget-area {/* IE 7 */
display:inline;
zoom:1;
}




/* =========================================================== 
		Blog style css
   =========================================================== */
#container {
    float: left;
    margin: 0;
    width: 700px;
}

#container .post {
    display: inline-block;
    margin: 0;
    padding: 0 0 20px;
}

.page-title {
    font-size: 16px;
    line-height: 1.7;
    height: 40px;
}

.entry-meta,
.entry-content {
    font-size: 13px;
    line-height: 1.7;
    margin-bottom: 10px;
}

.entry-content .photo {
    margin-bottom: 10px;
}

.entry-content .alignleft {
    float: left;
    margin-right: 10px;
}

.entry-content .alignright {
    float: right;
    margin-left: 10px;
}

#primary {
    float: right;
    margin: 0;
    overflow: hidden;
    padding: 0 0 50px;
    width: 240px;
}

.navigation .nav-previous {
    border-right: 1px solid;
    display: block;
    float: left;
    font-size: 13px;
    line-height: 1.7;
    padding: 0 10px 0 0;
    text-align: right;
    width: 339px;
}

.navigation .nav-next {
    border-left: 1px solid;
    display: block;
    float: right;
    font-size: 13px;
    line-height: 1.7;
    margin: 0 0 0 -1px;
    padding: 0 0 0 10px;
    text-align: left;
    width: 330px;
}



/* =========================================================== 
		EASYS-CMS template css
   =========================================================== */

/*		お問い合わせフォームバナーウィジェットCSS
-------------------------------------------------------------- */
#contact_bnr_block {
    padding: 0;
    text-indent: -9999px;
}

#contact_bnr_block a {
    background: url("/files/contact_bnr.jpg") no-repeat scroll center top transparent;
    display: block;
    height: 240px;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
#contact_bnr_block a:hover {
    background: url("/files/contact_bnr.jpg") no-repeat scroll center bottom transparent;
}


/*		ブログバナーウィジェットCSS @20131001修正
-------------------------------------------------------------- */
#blog_block {
    padding: 0;
    text-indent: -9999px;
}
#blog_block a {
    background: url("/files/blog_bnr.jpg") no-repeat scroll center top transparent;
    display: block;
    height: 100px;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
#blog_block a:hover {
    background: url("/files/blog_bnr.jpg") no-repeat scroll center bottom transparent;
}


/*		クーポンバナーウィジェットCSS @20131001修正
-------------------------------------------------------------- */
#coupon_bnr_block a {
    background: url("/files/coupon_bnr.jpg") no-repeat scroll left top transparent;
    display: block;
    height: 240px;
    text-indent: -9999px;
}

#coupon_bnr_block a:hover {
    background: url("/files/coupon_bnr.jpg") no-repeat scroll left bottom transparent;
    display: block;
    height: 240px;
    text-indent: -9999px;
}

#footer_information .entry-post .post-data p {
    font-size: 12px;
    line-height: 1.6;
}

.widget-title {
    background: url("/files/widget_title_bg.jpg") no-repeat scroll left top transparent;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding: 0 0 5px 40px;
}

.widget-title2 a {
    background: url("/files/widget_title_bg.jpg") no-repeat scroll left top transparent;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding: 0 0 0 40px;
    display:block;
    text-decoration: none;
}

.widget-title2 a:hover {
    text-decoration: underline;
}

.widget_search #s {
    font-size: 13px;
    line-height: 1.7;
    width: 60%;
}

input[type="submit"] {
    font-size: 13px;
    line-height: 1.7;
}

#nav-below {
    display: inline-block;
    margin: 20px 0;
}

/*		クーポンページCSS @20141016追記
-------------------------------------------------------------- */
.content_area {
    margin: 0 auto 20px;
}

#container_top.coupon_print_block {
    float: none;
    width: 700px;
}

.print_header {
    border: 1px solid #CCCCCC;
    display: inline-block;
    margin: 0 0 20px;
    padding: 5px 10px;
    width: 678px;
}
.print_header_inner {
    float: left;
}
h1.print_page_title {
    border-left: 5px solid #999999;
    font-size: 14px;
    padding: 0 0 0 10px;
}
#print_btn {
    float: right;
}


/* =========================================================== 
		main navigation css
   =========================================================== */
#access {
    background: none repeat scroll 0 0 transparent;
    display: block;
    float: left;
    margin: 0;
    width: 960px;
}
#access .menu-header {
	font-size: 12px;
	margin: 0;
	width: 960px;
}
#access .menu-header ul {
	list-style: none;
	margin: 0;
}
#access .menu-header li {
	float: left;
	position: relative;
}

div#access li.menu-item {
    display: block;
    float: left;
    list-style: none outside none;
    margin: 0;
    text-align: center;
    text-indent: -9999px;
}

/*â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– */

/*==============================5メニューグローバル共通CSS==============================*/

div#access .gnavi01 a,
div#access .gnavi02 a,
div#access .gnavi03 a,
div#access .gnavi04 a,
div#access .gnavi05 a {
    background-image: url('/files/topnavi.jpg'); //グローバルナビの画像指定
    background-repeat: no-repeat;
    background-position: scroll;
    background-color: transparent;
    padding: 0px;
    margin: 0px;
    height: 55px;
    width: 192px;
}


/*==============================5メニューグローバルロールオーバーCSS==============================*/

div#access .gnavi01 a { background-position: left top; }
div#access .gnavi02 a { background-position: -192px top; }
div#access .gnavi03 a { background-position: -384px top; }
div#access .gnavi04 a { background-position: -576px top; }
div#access .gnavi05 a { background-position: right top; }


div#access .gnavi01 a:hover { background-position: left bottom; }
div#access .gnavi02 a:hover { background-position: -192px bottom; }
div#access .gnavi03 a:hover { background-position: -384px bottom; }
div#access .gnavi04 a:hover { background-position: -576px bottom; }
div#access .gnavi05 a:hover { background-position: right bottom; }


/*======================■5メニュープルダウンCSS■======================
	5メニュー子メニューCSS class (オプション)に「sub-gnavi」を入力
=======================================================================*/

#access ul.menu li.sub-gnavi ul.sub-menu {
    top: 55px;
    width: 192px;
}

div#access ul.sub-menu li.sub-gnavi {
    border-bottom: 1px dotted;
    text-indent: 0;
    width: 192px;
}

div#access ul.sub-menu li.sub-gnavi a {
    background-image: none;
    background-color: rgba(204, 204, 204, 0.75);
    display: block;
    float: left;
    font-weight: bold;
    height: 55px;
    line-height: 55px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
    text-indent: inherit;
    width: 192px;
}

div#access ul.sub-menu li.sub-gnavi a:hover {
    background-image: none;
    background-color: rgba(153, 153, 153, 0.75);
    text-decoration: underline;
}

/* IE7 hack */
*:first-child+html div#access ul.sub-menu li.sub-gnavi a {
    background-color: #CCCCCC;
}
*:first-child+html div#access ul.sub-menu li.sub-gnavi a:hover {
    background-color: #999999;
}

/* IE8 hack */
div#access ul.sub-menu li.sub-gnavi a {
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99CCCCCC,EndColorStr=#99CCCCCC)/9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99CCCCCC,EndColorStr=#99CCCCCC)"/9;
}
div#access ul.sub-menu li.sub-gnavi a:hover {
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99999999,EndColorStr=#99999999)/9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99999999,EndColorStr=#99999999)"/9;
}


/*â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– */

/*==============================6メニューグローバル共通CSS==============================*/

div#access .gnavi11 a,
div#access .gnavi12 a,
div#access .gnavi13 a,
div#access .gnavi14 a,
div#access .gnavi15 a,
div#access .gnavi16 a {
    background-image: url('/files/topnavi2.jpg'); //グローバルナビの画像指定
    background-repeat: no-repeat;
    background-position: scroll;
    background-color: transparent;
    padding: 0px;
    margin: 0px;
    height: 55px;
    width: 160px;
}


/*==============================6メニューグローバルロールオーバーCSS==============================*/

div#access .gnavi11 a { background-position: left top; }
div#access .gnavi12 a { background-position: -160px top; }
div#access .gnavi13 a { background-position: -320px top; }
div#access .gnavi14 a { background-position: -480px top; }
div#access .gnavi15 a { background-position: -640px top; }
div#access .gnavi16 a { background-position: right top; }


div#access .gnavi11 a:hover { background-position: left bottom; }
div#access .gnavi12 a:hover { background-position: -160px bottom; }
div#access .gnavi13 a:hover { background-position: -320px bottom; }
div#access .gnavi14 a:hover { background-position: -480px bottom; }
div#access .gnavi15 a:hover { background-position: -640px bottom; }
div#access .gnavi16 a:hover { background-position: right bottom; }


/*======================■6メニュープルダウンCSS■======================
	6メニュー子メニューCSS class (オプション)に「sub-gnavi2」を入力
=======================================================================*/

#access ul.menu li.sub-gnavi2 ul.sub-menu {
    top: 55px;
    width: 160px;
}

div#access ul.sub-menu li.sub-gnavi2 {
    border-bottom: 1px dotted;
    width: 160px;
    text-indent: 0;
}

div#access ul.sub-menu li.sub-gnavi2 a {
    background: none repeat scroll 0 0 #CCCCCC;
    background-color: rgba(204, 204, 204, 0.75);
    display: block;
    float: left;
    font-weight: bold;
    height: 55px;
    line-height: 55px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
    text-indent: inherit;
    width: 160px;
}

div#access ul.sub-menu li.sub-gnavi2 a:hover {
    background: none repeat scroll 0 0 #999999;
    background-color: rgba(153, 153, 153, 0.75);
    text-decoration: underline;
}

/* IE7 hack */
*:first-child+html div#access ul.sub-menu li.sub-gnavi2 a {
    background-color: #CCCCCC;
}
*:first-child+html div#access ul.sub-menu li.sub-gnavi2 a:hover {
    background-color: #999999;
}

/* IE8 hack */
div#access ul.sub-menu li.sub-gnavi2 a {
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99CCCCCC,EndColorStr=#99CCCCCC)/9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99CCCCCC,EndColorStr=#99CCCCCC)"/9;
}
div#access ul.sub-menu li.sub-gnavi2 a:hover {
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99999999,EndColorStr=#99999999)/9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99999999,EndColorStr=#99999999)"/9;
}

/*	googleMAP リンク処理
--------------------------------------------------------------*/

small {
    border: 1px solid #CCCCCC;
    display: inline-block;
    font-size: 12px;
    line-height: 2;
    margin: 10px auto 0;
    padding: 0;
    width: 99%;
}
small a {
    display: inline-block;
    margin: 0;
    padding: 5px 2%;
    width: 96%;
}


/*===========================================================================================
    ■お問い合わせ関連CSS
===========================================================================================*/

.iqfm-req_color {
    color: #FF0000;
    font-size: 11px;
}

.iqfm-att_msg {
    font-size: 11px;
}


/*===========================================================================================
	■プライバシーポリシー
===========================================================================================*/

.privacy_block {
    display: inline-block;
    width: 700px;
}
  
.privacy_block strong {
    font-size: 16px;
    line-height: 2;
}
  
.privacy_block p {
    font-size: 13px;
    line-height: 1.7;
}
  
.privacy_block ul li {
    font-size: 13px;
    line-height: 1.7;
    list-style: square outside none;
    margin: 0 0 0 20px;
    padding: 0;
}

/*===========================================================================================
	■ブログ 下部ページ送りデザイン
===========================================================================================*/

#nav-below {
}

.navigation .nav-previous {
    border-right: 1px solid;
    display: block;
    float: left;
    font-size: 13px;
    line-height: 1.7;
    padding: 0 10px 0 0;
    text-align: right;
    width: 339px;
}
.navigation .nav-previous a:hover {
    text-decoration: underline;
}

.navigation .nav-next {
    display: block;
    float: right;
    font-size: 13px;
    line-height: 1.7;
    padding: 0;
    text-align: left;
    width: 340px;
}
.navigation .nav-next a:hover {
    text-decoration: underline;
}


/*===========================================================================================
	■ウィジェット カレンダー
===========================================================================================*/

#wp-calendar {
    margin: 0 0 0 1px;
    padding: 0;
    width: 239px;
}

#wp-calendar caption {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.7;
    padding-bottom: 4px;
    text-align: left;
vertical-align: top;
}

#wp-calendar thead {
    font-size: 11px;
    line-height: 1.5;
}
#wp-calendar thead th {
    padding: 5px 0;
}

#wp-calendar tbody td {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #fff;
    font-size: 12px;
    line-height: 1.7;
    padding: 10px 5px;
    text-align: center;
}

#wp-calendar tbody td.pad {
    background-color: transparent;
}

#wp-calendar tbody td a {
    display:block;
    font-weight: bold;
    text-decoration: none;
}
#wp-calendar tbody td a:hover {
    text-decoration: underline;
}

#wp-calendar tfoot td#prev,
#wp-calendar tfoot td#next {
    font-size: 12px;
    padding: 10px 0;
}

#wp-calendar tfoot td#prev {
    text-align: left;
}
#wp-calendar tfoot td.pad {
}
#wp-calendar tfoot td#next {
    text-align: right;
}

/*===========================================================================================
	■ブログ投稿記事 成形
===========================================================================================*/
.entry-content p {
    margin-bottom: 10px;
}

.entry-content .alignleft {
    float:left;
    margin-right: 10px;
}


/*	■iframe背景
===========================================================================================*/
.textwidget > iframe {
    background: none repeat scroll 0 0 #FFFFFF;
}


/*	■2014/04/02 追記CSS
===========================================================================================*/

#wp-calendar thead th {
    text-align: center;
    vertical-align: middle;
}


/*	ページ送りナビゲーションCSS
-------------------------------------------------------------- */

.tablenav {
    background: none repeat scroll 0 0 transparent;
    clear: both;
    display: block;
    line-height: 2em;
    margin: 0 auto 30px;
    padding: 0;
    text-align: center;
    width: 700px;
}

a.page-numbers,
.tablenav .current {
    border: 1px solid #999;
    font-size: 13px;
    padding: 8px 10px;
    text-decoration: none;
}
a.page-numbers:hover {
	color:white;
	background: #999;
}

.tablenav .current {
    background: none repeat scroll 0 0 #999;
    border-color: #999;
}


/*		詳細 back link (G block && I block)
-------------------------------------------------------*/
.permalink_in {
    clear: both;
    width: 100%;
}

.permalink_in a {
    background: none repeat scroll 0 0 #666666;
    border: 1px solid #999999;
    color: #FFFFFF;
    display: block;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.7;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
}
.permalink_in a:hover {
    background: none repeat scroll 0 0 #AAAAAA;
    border: 1px solid #666666;
    color: #FFFFFF;
    text-decoration: underline;
}


/* =========================================================== 
		Block template css
   =========================================================== */

/*	Block 記事
-------------------------------------------------------------- */
.entry_post {
    display: inline-block;
    width: 100%;
}


/*	大見出し
-------------------------------------------------------------- */
.headline_title {
    background: url("/files/top_entry_title.jpg") no-repeat scroll left top transparent;
    font-size: 18px;
    font-weight: bold;
    height: 55px;
    line-height: 55px;
    margin-bottom: 15px;
    padding: 0;
    text-align: center;
    width: 700px;
zoom: 1;
}

/*	見出し
-------------------------------------------------------------- */
.entry_title {
    background: url("/files/entry_title_bg.jpg") no-repeat scroll left top transparent;
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 0 0 0 40px;
    position: static;
    width: 660px;
zoom: 1;
}

/*	小見出し
-------------------------------------------------------------- */
.sub_entry_title {
    background: url("/files/sub_entry_title_bg.jpg") no-repeat scroll left top transparent;
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 0 0 0 40px;
    width: 660px;
zoom: 1;
}

/*	小タイトル
-------------------------------------------------------------- */
.inline_title {
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    display: block;
    font-size: 11px;
    line-height: 1.7;
    margin-bottom: 10px;
    padding: 5px 10px;
    text-align: left;
}

/*	2カラム - ハーフタイトル
-------------------------------------------------------------- */
.half_entry_title {
    background: url("/files/half_entry_title_bg.jpg") no-repeat scroll left top transparent;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 0;
    position: static;
    text-align: center;
    width: 340px;
}

/*	タイトルインデント
-------------------------------------------------------*/
.indent_border {
    border-left: 5px solid #999999;
    padding-left: 10px;
}

/*	2カラム table template
-------------------------------------------------------*/
.parent_title {
    font-weight: bold;
}

.table_area {
    font-size: 12px;
    line-height: 1.7;
}

.table_area td.td_name {
    background-color: #EEEEEE;
    border: 1px solid #999999;
    padding: 5px;
    text-align: left;
    vertical-align: top;

    /*強制改行キャンセラ*/
    word-wrap: normal;
    word-break: normal;
    white-space: nowrap;
}

.table_area td.td_value {
    background-color: #FFFFFF;
    border: 1px solid #999999;
    padding: 5px;
    text-align: left;
    vertical-align: top;
}


/* =========================================================== 
		Plugin css
   =========================================================== */

/*	プラグイン(Social Bookmarking Light)
-------------------------------------------------------------- */
div#outer_block .wp_social_bookmarking_light {
    display: inline-block;
    margin-bottom: 20px !important;
}


/* =========================================================== 
		Block template css
   =========================================================== */

/*	A Block css
-------------------------------------------------------------- */
.headline_index_box {
    clear: both;
    display: inline-block;
    width: 100%;
}
/*
 * 見出し画像
 */
.eyecatch.display_line_bg {
    background: url("/files/recommend_b_bg.jpg") repeat-y scroll center center transparent;
zoom:1;
}
.eyecatch .dispaly_line_outer {
    background: url("/files/recommend_b_top.jpg") no-repeat scroll center top transparent;
zoom:1;
}
.eyecatch .dispaly_line_inner {
    background: url("/files/recommend_b_bottom.jpg") no-repeat scroll center bottom transparent;
zoom:1;
}
.eyecatch.display_line_bg img {
    height: auto;
    padding: 10px;
    width: 300px;
}
/*
 * 3連画像
 */
.field_3col .display_line_bg {
    background: url("/files/recommend_s_bg.jpg") repeat-y scroll center center transparent;
zoom:1;
}
.field_3col .dispaly_line_outer {
    background: url("/files/recommend_s_top.jpg") no-repeat scroll center top transparent;
zoom:1;
}
.field_3col .dispaly_line_inner {
    background: url("/files/recommend_s_bottom.jpg") no-repeat scroll center bottom transparent;
zoom:1;
}

.field_3col .display_line_bg img {
    height: auto;
    padding: 10px;
    width: 200px;
}


/*	B Block & D Block - Half Left & Right
-------------------------------------------------------------- */
.easys_content.half_left {
    clear: none;
    float: left;
    overflow: hidden;
    width: 340px;
}
.easys_content.half_right {
    clear: none;
    float: right;
    overflow: hidden;
    width: 340px;
}


/*		D Block
-------------------------------------------------------*/
.td_cell {
    background: none repeat scroll 0 0 transparent;
    border-color: #999999;
    border-style: none none dotted;
    border-width: medium medium 1px;
    margin: 0;
    padding: 10px 0 5px;
    vertical-align: top;
    font-size: 12px;
    line-height: 1.7;
}

.td_cell.td_name {
    text-align: left;
}

.td_cell.td_value {
    text-align: right;
}


/*		G Block
-------------------------------------------------------*/
.field_3col .table_area td.td_name,
.field_3col .table_area td.td_value {
    font-size: 11px;
    line-height: 1.5;
}

/*		I Block
-------------------------------------------------------*/
.before_after_block {
   background: url("/files/before_after_arr.png") no-repeat scroll center center transparent;
    clear: both;
    display: inline-block;
    width: 100%;
}

.index_before,
.index_after {
    width: 320px;
}

.index_before img,
.index_after img {
    height: auto;
    width: 100%;
}

.index_before a:hover img,
.index_after a:hover img {
    filter: alpha(opacity=75);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=75)";
    -moz-opacity: 0.75;
    opacity: 0.75;
}

.detail_post_margin {
    margin-bottom: 20px;
}

.i_02 .field_3col .post_data {
    font-size: 11px;
    line-height: 1.5;
}


/*		J Block
-------------------------------------------------------*/
.anchor_list {
    margin: 0 1% 20px;
    width: 98%;
}

.anchor_list ul li {
    border-bottom: 1px dotted #999999;
    margin-bottom: 5px;
    padding: 5px 0;
}

.anchor_list ul li.q_title {
    font-size: 12px;
}
.anchor_list ul li.q_title a {
    display: block;
}

.faq_post.post_data {
    margin: 0 0 20px;
    width: 100%;
}

.post_data .inline_title {
    border: 1px solid #999999;
    font-size: 12px;
    line-height: 1.7;
    padding: 5px 10px;
    text-align: left;
}

.page_up {
    display: block;
    margin: 10px 0;
    text-align: right;
}

.page_up a {
    background-color: #FFFFFF;
    border: 1px solid #999999;
    display: inline-block;
    padding: 5px 10px;
}


/*		K Block
-------------------------------------------------------*/
.date_area {
    font-size: 11px;
    line-height: 1.7;
}

.post_title_list {
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.7;
}
.cu_mail_block {
    border-bottom: 1px dotted #999999;
    display: inline-block;
    padding: 0 0 10px;
    width: 100%;
}
.news_small_text {
    font-size: 11px;
    line-height: 1.5;
}


/*		Z-A1 見出し
-------------------------------------------------------------- */
.entry_title {
    background: url("/files/entry_title_bg.jpg") no-repeat scroll left top transparent;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 0 0 0 40px;
    position: static;
    width: 660px;
zoom: 1;
}

.entry_title h3 {
    display: inline-block;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 540px;
}

.entry_title span.read_more_btn {
    float: right;
    height: 40px;
    width: 120px;
}

.entry_title span.read_more_btn a {
    background: url("/files/read_more_btn.jpg") no-repeat scroll left top transparent;
    display: inline-block;
    height: 40px;
    line-height: 40px;
}
/*
.entry_title span.read_more_btn a:hover {
    background: url("/files/read_more_btn_on.jpg") no-repeat scroll left top transparent;
}*/


/*		Z-B1 見出し
-------------------------------------------------------------- */
.sub_entry_title {
    background: url("/files/sub_entry_title_bg.jpg") no-repeat scroll left top transparent;
    color: #666;
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 0 0 0 40px;
    position: static;
    width: 660px;
zoom: 1;
}

.sub_entry_title h4 {
    display: inline-block;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 540px;
}

.sub_entry_title span.read_more_btn {
    float: right;
    height: 40px;
    width: 120px;
}

.sub_entry_title span.read_more_btn a {
    background: url("/files/sub_read_more_btn.jpg") no-repeat scroll left top transparent;
    display: inline-block;
    height: 40px;
    line-height: 40px;
}
/*
.sub_entry_title span.read_more_btn a:hover {
    background: url("/files/sub_read_more_btn_on.jpg") no-repeat scroll left top transparent;
}*/


/*		Z-C1 Block
-------------------------------------------------------------- */
.iqfm-table th, .iqfm-table td {
    vertical-align: middle;
}


/*		Z-D1 Block (Z-K1)
-------------------------------------------------------*/
.blog_post {
    border-bottom: 1px dotted #999999;
    display: inline-block;
    margin: 0 0 10px;
    padding: 0 0 10px;
    width: 100%;
}

.blog_thumb {
    max-height: 90px;
    overflow: hidden;
    width: 90px;
}

.blog_list_text_size {
    overflow: hidden;
    width: 600px;
}


/*		Z-E1 Block
-------------------------------------------------------*/
.banner_box {
    width: 100%;
}
.banner_box img {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.banner_box a:hover img {
    filter: alpha(opacity=75);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=75)";
    -moz-opacity: 0.75;
    opacity: 0.75;
}


/*		Z-F1 Block
-------------------------------------------------------*/
.coupon_box {
}

.coupon_box table tr td {
    font-size: 11px;
    line-height: 1.5;
}

.coupon_box table tr td.coupon_data {
    background-color: #FFFFFF;
    border: 1px solid #999999;
    padding: 5px;
}

.coupon_box table tr td.coupon_meta_title {
    background-color: #666666;
    border: 1px solid #666666;
    color: #FFFFFF;
    padding: 5px;
}

.coupon_box table tr td.coupon_meta {
    background-color: #EEEEEE;
    border: 1px solid #999999;
    padding: 5px;
}


/*		Z-G1 Block
-------------------------------------------------------*/
.table_area {
    font-size: 12px;
    line-height: 1.7;
}

.table_area table {
}

.table_area table tr td {
    background-color: #FFFFFF;
    border: 1px solid #999999;
    padding: 5px;
    text-align: left;
    vertical-align: top;
}

.table_area table tr td.header_td {
}


/*		Z-J1 Block
-------------------------------------------------------*/
.slide_area {
    display: inline-block;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.slide_area ul.slides {
    height: auto;
    overflow: hidden;
    *zoom: 1;

    /**
     * Here is CSS transitions 
     * responsible for slider animation in modern broswers
     */
    -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
    -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
    -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
    -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
    transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}

.slide_area ul.slides li.slide {
    float: left;
}

.slide_area ul.slides li.slide a:hover img {
    filter: alpha(opacity=75);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=75)";
    -moz-opacity: 0.75;
    opacity: 0.75;
}

.slide_area ul.slides li.slide img {
    height: auto;
    width: 100%;
}

.slide_area .slider-arrow {
	position: absolute;
	display: block;
	margin-bottom: -20px;
	padding: 20px;
}

.slide_area .slider-arrow--right {
    background: url("/files/icon/next.gif") no-repeat scroll center center transparent;
    border: 1px solid #FFFFFF;
    border-radius: 50px;
    bottom: 7%;
    height: 10px;
    right: 15px;
    filter:alpha(opacity=50);
    opacity: 0.5;
    text-indent: -9999px;
    width: 10px;
    z-index:100;
}
.slide_area .slider-arrow--left {
    background: url("/files/icon/prev.gif") no-repeat scroll center center transparent;
    border: 1px solid #FFFFFF;
    border-radius: 50px;
    bottom: 7%;
    height: 10px;
    left: 15px;
    filter: alpha(opacity=50);
    opacity: 0.5;
    text-indent: -9999px;
    width: 10px;
    z-index: 101;
}

.slide_area .slider-nav {
	position: absolute;
	bottom: 30px;
}

.slide_area .slider-nav__item {
	width: 12px;
	height: 12px;
	float: left;
	clear: none;
	display: block;
	margin: 0 5px;
	background: #fff;
}

.slide_area .slider-nav__item:hover { background: #ccc; }
.slide_area .slider-nav__item--current { background: #ccc; }


/*		Z-L1 Block
-------------------------------------------------------*/
.list_block .list_box {
    border-bottom: 1px dotted #CCCCCC;
    display: inline-block;
    font-size: 13px;
    line-height: 1.7;
    margin: 0 1% 10px;
    padding: 0 0 10px;
    width: 98%;
}

.list_block {
    border-bottom: medium none;
    display: inline-block;
    margin: 0 0 30px;
    padding: 0 0 10px;
    width: 100%;
}


/*	Z-M1 (コンテンツナビゲーション)
-------------------------------------------------------*/
/*========â– â– â–  ul list â– â– â– ========*/

ul.btn_list {
    border-bottom: 1px solid #CCCCCC;
    clear: both;
    display: inline-block;
    margin: 0 0 10px;
    padding: 0;
}

li.link_list {
    display: inline-block;
    float: left;
    margin: 0 5px;
    padding: 0;
}

li.link_list a {
    background-color: #EEEEEE;
    border-left: 1px solid #CCCCCC;
    border-radius: 5px 5px 0 0;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    display: inline-block;
    margin: 0 0 -1px;
    padding: 10px 15px;
}
li.link_list a:hover {
    background-color: #FFFFFF;
}

/*========â– â– â–  div list â– â– â– ========*/

div.btn_list {
    clear: both;
    display: inline-block;
    margin: 0 0 10px;
    padding: 0;
}

div.link_list {
    display: inline-block;
    float: left;
    margin: 0 5px;
    padding: 0;
}

div.link_list a {
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    display: inline-block;
    margin: 0 0 -1px;
    padding: 10px 15px;
}
div.link_list a:hover {
    background-color: #FFFFFF;
}