/* ***********************************************/
/*TITLE: フォイスサイト




FILE_NAME: common.css
AUTHER: FOIS */
/*************************************************/


/*=====各属性のスタイル===========================*/

body {
	font-family: "MS UI Gothic", "Osaka", "ＭＳ Ｐゴシック", "arial", sans-serif;
	font-size: 0.75em;
	line-height: 160%;
	margin: 0px;
	padding: 0px;
	color: #000000;
	text-align: center;
	background-image: url(../image/common/com_bk_body.jpg);
	background-repeat: repeat-x;
}

table {
	font-size: 100%;
	font-family: "MS UI Gothic", "Osaka", "ＭＳ Ｐゴシック", "arial", sans-serif;
	line-height: 160%;
	border: 0px;
	margin: 0px;
	padding: 0px;
	color: #333333;
}

h1, h2, h3, h4, img, p, div{
	border:0px;
	margin: 0px;
	padding: 0px;
}

ul, li {
	border:0px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

a {
	color:#FF901F;
	text-decoration : underline;
	outline : 0 ;
}

}

a:hover {
	color:#FD482F;
	text-decoration : underline; 
}

textarea, input, select {
	color: #333333;
	font-family: "MS UI Gothic", "Osaka", "ＭＳ Ｐゴシック", "arial", sans-serif;
	font-size: 100%;
}

hr {
	clear:both;
	height:1px;
	margin:30px 0px;
	border-bottom:1px solid #ccccc;
	border-top: none;
	border-left: none;
	border-right: none;
}

/*====レイアウト用スタイル====*/
/*ヘッダー*/
#hedder-box {
	width:750px;
	margin:0px auto;
	height:73px;
}

.logo{
	height:50px;
	width:250px;
	text-align:left;
	float:left;
	}

.hedder-link ul{
	width:350px;
	float:right;
	padding:38px 0 0 0;
	}

.hedder-link ul li{
	background-image: url(../image/common/com_ico_head.gif);
	background-repeat:no-repeat;
	padding:0 5px 0 15px;
	margin-left:15px;
	line-height:100%;
	float:right;
	display:block;
}

.hedder-link a {
	color:#000000;
	text-decoration : none; 
}

.hedder-link a:hover {
	color:#FD482F;
	text-decoration : none; 
}

/*個人情報ページリンク*/
#privacy-link{
	margin:20px 0 20px;
	line-height: 100%;
		/*Win IE6 対応*/
		_line-height: 120%;
}

#privacy-link ul li{
	background-image: url(../image/common/com_ico_head.gif);
	background-repeat:no-repeat;
	text-align:left;
	padding:0 0 10px 18px;
	}
	
#privacy-link ul li a{
	text-decoration:none;
	color: #000000;
	}

#privacy-link ul li a:hover {
	color:#FD482F; 
}

/*フッター*/
#fotter-box {
	clear:both;
	background-image: url(../image/common/com_bk_footbox.jpg);
	background-repeat: repeat-x;	
	height:69px;
}

#fotter-in-box {
	width:750px;
	text-align:left;
	margin:0px auto;
	background-image: url(../image/common/com_bk_foot.jpg);
	background-repeat: repeat-x;
}

.copyright-text {
	font-size: 90%;
	color: #FFFFFF;
	float:left;
	margin-top:4px;
}

.page-top {
	float:right;
}

.footer-link {
	display:inline;
	margin-right:15px;
}

/*グローバルナビゲーション*/
#g-navi {
	width:750px;
	clear:both;
	margin:0px auto;

}

#g-navi p {
	display:inline;
}

/*ページタイトル*/
#pagetitle-box {
	width:760px;
	margin:0px auto;
	background-image: url(../image/common/com_bk_titile.jpg);
	background-repeat: no-repeat;	
}

/*メインコンテンツ*/
#contents {
	width:750px;
	text-align:left;
	margin:0px auto;
}

#pankuzu-box {
	text-align:right;
	padding:13px 0px;
}

/*ローカルナビゲーション*/
#lnavi {
	width:180px;
	float:left;
}

.address-cp-tokyo {
	margin-top:20px;
}

.address-bk {
	background-image: url(../image/common/com_bk_address.gif);
	background-repeat: repeat-y;
	padding:0px 20px 20px;
	line-height: 140%;
	font-size:90%;
}

.address-bn {
	margin:20px 0px 40px;
}

.pmark{
	margin:25px auto;
	font-size:0.95em;
	line-height:150%;
}
.pmark-img{
	width:100px;
	float:left;
	margin:0 10px 0 0;
	display:inline;
}

.pmark-text{
	float:left;
	width:110px;
}

/* ---------------------------

Float Clearing

--------------------------- */
.clearFix { zoom: 1; }/* for IE 5.5-7 \*/
.clearFix:after {
 content: ".";  
 display: block;  
 visibility: hidden;  
 height: 0.1px;  
 font-size: 0.1em;  
 line-height: 0;  
 clear: both;  
	}
/*================本文================*/
#main-box {
	width:570px;
	float:right;
	padding-bottom:30px;
}

.text-box {
	width:490px;
	margin:0px 0px 50px 60px;
}

/*イメージ回り込み*/
.img-left {
	float:left;
	text-align:left;
	margin:0px 25px 15px 0px;
}

.img-right {
	float:right;
	text-align:left;
	margin:0px 0px 15px 25px;
}

/*キャプション付きイメージ*/
.img-left-box {
	float:left;
	width:140px;
	text-align:left;
	margin:0px 25px 15px 0px;
	font-size:90%;
	line-height:140%;
}

.img-right-box {
	float:right;
	width:140px;
	text-align:left;
	margin:0px 0px 15px 25px;
	font-size:90%;
	line-height:140%;
}

/*本文中ピックアップ事項*/
.picup-text-box {
	width:490px;
	margin:0px 0px 20px 60px;
	padding-bottom:25px;
	background-image: url(../image/common/com_bottom_picupbox.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}

.picup-h3 {
	color:#24A7E0;
	padding:20px 25px 0px;
	font-size:1.2em;
	background-image: url(../image/common/com_h3_picup.jpg);
	background-repeat: no-repeat;
}

.picup-text-box p {
	padding:15px 25px 0px;
	background-image: url(../image/common/com_bk_picupbox.jpg);
	background-repeat: repeat-y;
}

/*コンテンツ扉ページ　リンク枠*/
.tobira-text-box {
	width:490px;
	margin:0px 0px 0px 60px;
	padding-bottom:15px;
		/*Win IE6　対応*/
		_padding-bottom:0px;
	background-image: url(../image/common/com_bk_tobira.jpg);
	background-repeat: repeat-y;
}

.tobira-h3 {
	padding:15px 15px 0px 40px;
	font-size:1.2em;
	background-image: url(../image/common/com_cp_tobira.jpg);
	background-repeat: no-repeat;
}

.tobira-h3 a {
	color:#24A7E0;
	text-decoration : none; 
}

a:hover {
	color:#FD482F;
	text-decoration : none; 
}

.tobira-text-box h4 {
	margin:15px 25px 0px;
	color: #000099;
	font-size:1em;
}

.tobira-text-box p {
	margin:15px 25px 0px;
}

.tobira-img-left {
	float:left;
	text-align:left;
	margin:15px 25px 0px;
}

.tobira-img-right {
	float:right;
	text-align:left;
	margin:15px 25px 0px;
}

.tobira-text-box-bottom{
	clear:both;
	width:490px;
	margin:0px 0px 20px 60px;
	padding-bottom:15px;
	background-image: url(../image/common/com_bottom_tobira.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}

/*囲い線*/
.bodder-box {
	padding:20px;
	margin:10px 0px;
	border:3px solid #F0EFEF;
}

/*送信ボタン*/
.form-bt-box {
	margin:20px 0px 40px 3px;
	text-align:center;
}

/*各見出し用スタイル*/
.h1-midashi {
	margin:0px 0px 40px 40px;
}

.h2-midashi {
	clear:both;
	margin:0px 0px 30px 40px;
	padding:4px 0px 4px 12px;
	background-image: url(../image/common/com_ico_h2.gif);
	background-repeat: repeat-y;
	border-bottom:1px solid #24A7E0;
	color:#24A7E0;
	font-size:1.2em;
}

.h2-sub-img {
	clear:both;
	margin:0px 0px 30px 40px;
}

.h3-midashi {
	background-image: url(../image/common/com_ico_list.jpg);
	background-repeat: no-repeat;
	padding:0px 0px 0px 15px;
	font-size:1em;
}

/*文字装飾・調整用*/
.text-top30px {
	margin-top:30px;
}

.text-top15px {
	margin-top:15px;
}

.text-privacy {
	background-image: url(../image/common/com_ico_privacy.jpg);
	background-repeat: no-repeat;
	padding:10px 0px 5px 30px;
	margin-bottom:10px;
	border-bottom:1px solid #cccccc;
	font-size:120%;
	color:#24A7E0;
	font-size:120%;
	font-weight: bold;	
}

.text-mail {
	text-align:center;
	margin:20px auto 0px;
}

.text-red {
	color: #CF0000;
}

.text-blue {
	color:#24A7E0;
}

.cube-ul {
	margin:20px 30px 0px;
}

.cube-li {
	background-image: url(../image/common/com_ico_cube.gif);
	background-repeat: no-repeat;
	padding:0px 0px 0px 15px;
	margin-bottom:10px;
}

.maru-li {
	background-image: url(../image/common/com_ico_list.jpg);
	background-repeat: no-repeat;
	padding:0px 0px 0px 15px;
	margin-bottom:10px;
}

.normal-li {
	padding:0px 0px 0px 0px;
	margin:0px 0px 10px 20px;
	list-style-type: circle;
	list-style-position: outside;
}

.link-text {
	margin:0px 0px 10px 0px;
	padding-left:15px;
	background-image: url(../image/common/com_ico_head.jpg);
	background-repeat: no-repeat;
	line-height:120%;
}

.ma-t10{
	margin-top:10px;
	}

.ma-b30{
	margin-bottom:30px;
	}

/*  お問い合わせボタン　*/
.contact-box{
	height:75px;
	padding:20px;
	margin:10px 0px;
	border:3px solid #F0EFEF;
	}
	
.contact-box02{
	height:95px;
	padding:20px;
	margin:10px 0px;
	border:3px solid #F0EFEF;
	}

.mail-bt{
	float:left;
	margin:0 10px;
	padding:15px 0 0 30px;
	width:220px;
	}

.mail-bt02{
	float:left;
	margin:0 10px;
	padding:25px 0 0 30px;
	width:220px;
	}
	
.mail-right{
	float:right;
	width:310px;
	}