/*   
Theme Name: iPhoneFX
Theme URI: http://iphonefx.biz/
Description: 「iPhoneでFX」のテーマ
Author: Geronimo Co.
Author URI: http://www.geronimo8.com/
Version: 1.0
*/

@charset "utf-8";

@import "css/reset.css";

/* ----------------------
 CLEAR FIX
---------------------- */
/* Clearfix */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

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


/* ----------------------
 共通設定
---------------------- */
body {
	background: #e6e6e6;
	color: #000;
	letter-spacing:1px;
	font-size: 80%;
}



#container {
	background:#fff;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	width: 964px;
	margin:0 auto;
	line-height:1.6;
}

em {
	font-weight: bold;
	color:#cc0000;
	font-style: normal;
}


/* ----------------------
 ヘッダー
---------------------- */
#header {
	border-top: 8px solid #000;	
}

h1, #header #h1{
	color: #888;
	font-weight: normal;
	font-size:70%;
	text-align: right;
	padding:0 10px 0 0;
	margin:0;
}

#header #logo {
	margin:10px 0 20px 20px;	
}


/* ----------------------
 グローバルナビ
---------------------- */
#gNav {
}

#gNav ul li{
	float: left;
}

/* ----------------------
 ぱんくず
---------------------- */
#pankuzu {
	background: #e3e3e3;
	border-bottom:1px solid #ccc;
}

#pankuzu p{
	padding:5px 10px;
	font-size: 80%;
	color: #777;
}


/* ----------------------
 メイン
---------------------- */
#mainContainer {
	padding: 10px 15px 20px 15px;	
}

#left {
	width: 684px;
	float: left;
}

#leftInner {
	padding-right:15px;	
}

#right {
	width:250px;
	float: right;
}


/* ----------------------
 サイドメニュー
---------------------- */
ul#sideMenu {
}

ul#sideMenu li{
	margin:8px 0;
}

div.side_companyHeader{
	background: url(images/common/side_company_header.jpg) 0 0 no-repeat;
	height: 36px;
}
div.side_companyHeader2{
	background: url(images/common/side_company_header2.jpg) 0 0 no-repeat;
	height: 36px;
}

div.side_companyBody{
	border:1px solid #ccc;
	padding: 5px 10px;
}

ul#sideMenu div.side_companyBody ul li{
	background: #fff url(images/common/icon_circleArrow.jpg) 0 7px no-repeat;
	padding:3px 0 3px 18px;
	font-weight: bold;
	margin:2px 0;
}

ul#sideMenu div.side_companyBody ul li.now {
	background-color: #e3e3e3;	
}

ul#sideMenu div.side_companyBody ul li a {
	display: block;
	width: 210px;
}

ul#sideMenu div.side_companyBody ul li:hover {
	background: #eeeced url(images/common/icon_circleArrow.jpg) 0 7px no-repeat;;
}

ul#sideMenu div.side_companyBody ul li.now:hover {
	background-color: #e3e3e3;	
}

/* ----------------------
 フッター
---------------------- */
#footer {
	background: url(images/common/bg_footer.jpg) 0 0 repeat-x;	
	text-align: right;
	padding:0 12px;
	height: 182px;
}

#footer #footerLink {
	font-size:80%;
	line-height: 30px;
	color: #6a6a6a;
}

#footer #footerLink a:link,
#footer #footerLink a:visited{
	color: #6a6a6a;
	text-decoration: none;
}

#footer #footerLink a:hover{
	color: #999;
	border-bottom:1px dotted #000;
}

#footer #footerCopy {
	padding: 5px 0;
	font-size: 90%;
	letter-spacing:0;
	color: #797979;
}
