/*
Theme Name: Cats Eye テーマ
Theme URI: http://www.catseye-okinawa.com
Description: キャッツアイのテーマファイルです。
Version: 1.0
Author: クリエイティブイマジネイション
Author URI: http://www.cmadesign.net/pg116.html
*/

@charset "UTF-8";

/*======================================================================
||
||    footer fix
||
======================================================================*/


html {
	height:100%;
}

body {
	color:#3a3a3a;
	background-color:#f1f1f1;
	height:100%;
}
a{outline:none;}
#cat_slide a:hover img,#infos a:hover img,#footer_content a:hover img{
	background-color:#FFFFFF;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity:0.85;
}
#wrapper {
	min-height:100%;
	margin-bottom:-300px;/* footerの高さと一致 */
	height:auto !important;
	height:100%;
}

#footerspace {
	height:300px;/* wrapperのマイナスmarginと一致 */
}

/*======================================================================
||
||    header100%
||
======================================================================*/

#header {
	width:100%;
	height:auto;/* 高さ自由 */
	padding-top:33px;
	margin-top:-33px;
}

#fix_wrap {
	position:fixed;
	top:0;
	width:100%;
	height:33px;
	background:#3a3a3a;
	z-index:2;
}

#fix_wrap p{
	color:#b2b2b2;
	font-size:10px;
	float:left;
	width:500px;
	line-height:33px;
	height:33px;
	position:fixed;
	left:50%;
	margin-left:-480px;
}

#fix_wrap p span{
	letter-spacing:-5px;
}

#fix_wrap .kakko_sp{
	letter-spacing:-4px;
}

.menu-fix_nav-container {
	width:960px;
	margin:0 auto;
	height:33px;
	background:#3a3a3a;
}

#fix_nav {
	float:right;
}
#fix_nav li {
	height:33px;
	line-height:29px;
	float:left;
	margin:0 7px;
}
#fix_nav li a {
	color:#0DDA94;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:12px;
	padding:0 3px;
	letter-spacing:1px;
}

#fix_nav li a:hover,
.current-menu-item a {
	height:27px;
	background:url(img/common/header_pink_back.gif);
	background-repeat:repeat-x;
}

/*header内にdivで*/
#header_content {
	width:960px;/* wrapper幅と一致 */
	height:125px;
	position:relative;
	margin:0 auto;
	background:#fff;
	border-bottom:15px solid #3a3a3a;
}

#header_content .logo a {
	display:block;
	width:218px;
	height:52px;
	background:url(img/common/logo.png) no-repeat;
	position:absolute;
	top:37px;
	left:40px;
	text-indent:-10000em;
}

#dropdown_container {
	font-size:14px;
	position:absolute;
	right:30px;
	top:50px;
}

#dropdown_container ul.dropdown {
	margin:0;
	padding:0;
	list-style:none;
	width:107px;
}

#dropdown_container ul.dropdown a {
	display:block;
	text-decoration: none;
	color: #000;
	margin:5px;
	line-height:22px;
}

#dropdown_container li.dropdown_item {
	float:left;
	width:107px;
	background:url(img/common/search_content.png) no-repeat center center;
	text-indent:-10000em;
	cursor:pointer;
}

#dropdown_container li.dropdown_item > ul {
	position:absolute;
	list-style:none;
	margin:0;
	padding:20px 24px 0;
	width:382px;
	height:164px;
	background:url(img/common/drop_bg.png) no-repeat;
	right:0;
	z-index:20;
}

#dropdown_container li.dropdown_item > ul li {
	text-indent:0;
}

#dropdown_container li.dropdown_item > ul li div {
	line-height:1.4em;
	float:left;
}

#drop_l {
	padding-right:10px;
}

#dropdown_container li.dropdown_item > ul li div a {
	color:#fff;
	text-decoration:underline;
	font-family: 'Josefin Sans', sans-serif;
}
#dropdown_container li.dropdown_item > ul li div a:hover {
	color:#000;
}

#bread {
	height:28px;
	margin:30px 0;
	border-bottom:1px solid #3a3a3a;
	position:relative;
}

#breadcrumb ul li {
	float:left;
	color:#68d4c9;
	/*font-family: 'Roboto Condensed', sans-serif;*/
	font-family: 'Noto Sans', sans-serif;
	font-size:80%;
	margin-right:5px;
}
#breadcrumb ul li a {
	color:#68d4c9;
}

/*======================================================================
||
||    footer100%
||
======================================================================*/
.single_bottom {
	padding:60px 0;
}
.single_bottom a {
	display:block;
	width:32px;
	height:8px;
	float:right;
	background:url(img/common/top.png) no-repeat;
	text-indent:-10000em;
}

#footer {
	width:100%;
	margin:0 auto;
	font-size:12px;
}

#footer_content {
	width:960px;/* wrapper幅と一致 */
	height:330px;/* 高さ自由 */
	margin:0 auto;
	background:#3a3a3a;
	position:relative;
}

#footer_content .logo a {
	display:block;
	width:194px;
	height:46px;
	position:absolute;
	top:50px;
	left:50px;
	text-indent:-10000em;
	background:url(img/common/foot_logo.png) no-repeat;
}

.foot_description_txt{
	color:#fff;
	font-size:10px;
	position:absolute;
	top:116px;
	left:50px;
	line-height:15px;
	letter-spacing:1px;
}

.foot_info {
	position:absolute;
	top:166px;
	left:50px;
	color:#B2B2B2;
	font-size:10px;
	letter-spacing:1px;
}

.foot_info a {
	color:#0DDA94;
}

.foot_info a:hover {
	color:#0DDA94;
	text-decoration:underline;
}

.foot_sns {
	position:absolute;
	top:240px;
	left:50px;
}
.foot_sns dd {
	width:84px;
	height:25px;
	float:left;
	margin-right:14px;
}

.copy {
	position:absolute;
	right:60px;
	bottom:30px;
	color:#B2B2B2;
	font-size:10px;
}

/* footer_nav */
.menu-footer_model_list-container{
	position:absolute;
	top:40px;
	right:250px;
}
.menu-footer_nav-container{
	position:absolute;
	top:40px;
	right:60px;
}
.menu-footer_model_list-container ul.sub-menu li,
.menu-footer_nav-container ul.sub-menu li{
	margin:0 0 3px 11px;
	height:17px;
	line-height:17px;
}
.menu-footer_model_list-container ul li.menu-item-135 a,
.menu-footer_model_list-container ul.sub-menu li a,
.menu-footer_nav-container li{
	background:transparent;/* IE対策 */
}
/* リスト[ >model ]部分 */
.menu-footer_model_list-container ul li.menu-item-135 a{
	display:block;
	color:#0DDA94;
	margin:0 0 10px 0;
	text-decoration:underline;
}
.menu-footer_model_list-container ul.sub-menu li a{
	color:#B2B2B2;
	text-decoration:none;
	margin-left:-10px;
}

.menu-footer_model_list-container ul.sub-menu li a:hover{
	text-decoration:underline;
}

/* リスト[ > COMPANY ]から始まるリスト設定 */
.menu-footer_nav-container li a{ color:#0DDA94;text-decoration:underline; }
.menu-footer_nav-container ul.sub-menu li a{
	color:#B2B2B2;
	text-decoration:none;
	margin-left:-10px;
}/* .menu-footer_nav-container li aを上書き */

.menu-footer_nav-container ul.sub-menu li a:hover{
	text-decoration:underline;
}

.menu-footer_nav-container li.current-menu-item a{ background:transparent; }/* current-menu-itemを上書き */
.menu-footer_nav-container ul.sub-menu{ margin:0 0 10px 0; }
.menu-item-136 a{ display:block;margin:0 0 10px 0; }

.menu-item-146 a,
.menu-item-138 a,
.menu-item-139 a,
.menu-item-140 a,
.menu-item-141 a{
display:block;
	height:15px;
	line-height:15px;
	margin:0 0 5px 0;
}




/*======================================================================
||
||    wrapper
||
======================================================================*/
#wrapper {
	padding-top:30px;
}

/*======================================================================
||
||    contents
||
======================================================================*/
#contents {
	width:960px;
	margin:0 auto;
	background:#fff;
	height:100%;
}
#main{
	height:100%;
	/*background:#68d4c9;*/
	background:url(img/common/content_bg.gif) repeat-y;
}
.home #main{
	height:100%;
	background:#fff;
}


/*======================================================================
||
||    left
||
======================================================================*/
#main_wrap{
	float:left;
	width:600px;
	padding:0 55px 0 60px;
	/*background:#fff;*/
}


/*======================================================================
||
||    side
||
======================================================================*/
#side{
	float:left;
	width:245px;
	height:100%;
	min-height:100%;
	margin:0;
	/*background:#68d4c9;*/
}

.menu-side_cat-container{
	margin:58px 0 15px;
}
ul#side_cat{
	border-top:solid 1px #F1F1F1;
}
ul#side_cat li{
	border-bottom:solid 1px #F1F1F1;
	height:48px;
}
ul#side_cat li a{
	display:block;
	height:48px;
	line-height:48px;
	width:201px;
	padding:0 0 0 50px;
	color:#3A3A3A;
	font-family: 'Roboto Condensed', Helvetica,Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-size:14px;

}
ul#side_cat li a:hover,
ul#side_cat li.current-menu-item a{
	/*background:#FA2965;*/
	background:url(img/common/bg_side_hover.png) repeat-x;
	color:#fff;
	margin-left:-6px;
	padding-left:56px;
}



.side_bnr{
	width:210px;
	margin:0 auto;
}
.side_bnr li{
	margin:0 0 20px 0;
}

/*======================================================================
||
||    common
||
======================================================================*/
* {
    margin:0;
    padding:0;
}

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

img {
    border:none;
    vertical-align:bottom;
}

a {
    color:#3a3a3a;
    overflow:hidden;
    text-decoration:none;
}

a:hover {
    color:#666;
}

em {
    font-style:normal;
}

input, select {
    vertical-align:middle;
}

label {
    cursor:hand;
}

hr {
    display:none;
}

/* add */
.add {
    color:red;
}

/* alt */
.alt {
    position:absolute;
    top:-100em; left:-100em;
}

/* imeoff */
.imeoff {
    ime-mode:disabled;
}

/* clear */
.clear {
    clear:both;
}

/* div.clear */
div.clear {
    clear:both;
    font-size:1px;
    line-height:1px;
    height:1px;
    margin:0;
}

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

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*======================================================================
||
||    印刷用
||
======================================================================*/
@media print {
    body {
    }
}