@charset "Shift_JIS";
/* common.css */

/*---------------------------------------------
  「HOTWIRED」サイト全ページ共通クラスCSSファイル
---------------------------------------------*/

/*///////////////////////////////////////////////
1.汎用クラス
////////////////////////////////////////////////*/


/*1. 汎用クラス
----------------------------------------------------------------------------------------------- */

/*ClearFix*/
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix{
	zoom: 1;
}

/*コンテンツボックスコントロール*/
.content-box{
	padding-bottom:10px;
}
.content-box table{
	margin: 10px ;
	line-height: 1.2;
}
/*幅コントロール*/
.half{
	width:50%;
}

/*表示コントロール*/
.hidden { display:none;}
.nonChar { text-indent:-9999px; margin:0; padding:0; background-position:left top; background-repeat:no-repeat;}
.transparent { display:none !important;}

/*ボックス配置コントロール*/
.bLeft { float:left;}
.bLeftM10{float:left;margin-right:10px;}
.bRight { float:right;}
.bRightM10{float:right;margin-left:10px;}
.bCenter { margin-left:auto; margin-right:auto; }
.clear { clear:both !important;}

/*テキストコントロール*/
.tBold { font-weight:bold !important;}
.tUl { text-decoration:underline !important;}
.tCenter { text-align:center !important;}
.tLeft { text-align:left !important;}
.tRight { text-align:right !important;}
.tMiddle { vertical-align:middle !important;}
.tTop { vertical-align:top !important;}
.tBottom { vertical-align:bottom !important;}
.tSmall { font-size:smaller !important;}
.tBig { font-size:120% !important; font-weight:bold !important;}
.tGray { color:#999999 !important;}
.tRed { color:#FF0000 !important;}
.tBlue { color:#0066CC !important;}
.tOrange { color:#FF6600 !important;} 

/*画像コントロール*/
img.imgLeft { margin:0 5px 5px 0; float:left;}
img.imgRight { margin:0 0 5px 5px; float:right;}
div.figRight { margin:0 5px 10px 5px; float:right; padding:8px; border:1px solid #999;}
a.imglink {
	text-decoration: none;
}
img.picsbdr{
	padding:5px;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	
}
/*ボーダーコントロール*/
.bdr { border:1px solid !important;}
.nonBdr { border:none !important;}
.bdrLR {border-left:1px solid !important; border-right:1px solid !important;}
.bdrL {border-left:1px solid !important;}
.bdrR {border-right:1px solid !important;}
.bdrTB {border-top:1px solid !important; border-bottom:1px solid !important;}
.bdrT {border-top:1px solid !important;}
.bdrB {border-bottom:1px solid !important;}
.bdrGray {border-color:#999999 !important;}
.bdrRed {border-color:#FF0000 !important;}
.bdrBlue {border-color:#FF0000 !important;}
.bdrOrange {border-color:#FF0000 !important;}

/*パディングコントロール*/
.pdg10 {padding:10px !important;}
.pdgL10 {padding-left:10px !important;}
.pdgR10 {padding-right:10px!important;}
.pdgT10 {padding-top:10px !important;}
.pdgB10 {padding-bottom:10px!important;}  

/*マージンコントロール*/
.mgn10 {margin:10px !important;}
.mgnL10 {margin-left:10px !important;}
.mgnR10 {margin-right:10px!important;}
.mgnT10 {margin-top:10px !important;}
.mgnB10 {margin-bottom:10px!important;} 

/*テーブルコントロール*/
.tbl th{
	background-color:#E6E6E6;
	padding:5px;
	border:1px solid #999999;
	text-align:left;
}
.tbl td{
	padding:5px;
	border:1px solid #999999;
}

/*テーブル-白セル-*/
.cell-white {
	background-color: #FFFFFF !important;
	color: #333333;
}
/*テーブル-青セル-*/
.cell-blue {
	background-color: #2053A6 !important;
	color: #fff!important;
}
/*テーブル-薄青セル-*/
.cell-lightblue {
	background-color:#B6DFF5 !important;
	color: #333333;
}
/*テーブル-水色セル-*/
.cell-skyblue {
	background-color: #E9F1FF !important;
	color: #333333;
}
/*テーブル-薄灰セル-*/
.cell-gray {
	background-color: #EFEEEA !important;
	color: #333333;
}
/*テーブル-紺色セル-*/
.cell-navi {
	background-color: #FF9600 !important;
	color: #333333;
}
/*テーブル-緑セル-*/
.cell-green {
	background-color:#D3FA9A !important;
	color: #333333;
}
/*テーブル-ピンクセル-*/
.cell-pink {
	background-color:#FFDDFF !important;
	color: #333333;
}
/*テーブル-黄色セル-*/
.cell-yellow {
	background-color:#FDFECB !important;
	color: #333333;
}
/*テーブル-オレンジセル-*/
.cell-orange {
	background-color:#FFEEE1 !important;
	color: #333333;
}
/*テーブル-紫セル-*/
.cell-purple {
	background-color:#F9E0FE !important;
	color: #333333;
}
/*テーブル-レモン色セル-*/
.cell-lemon {
	background-color:#FEFFDF !important;
	color: #333333;
}

/*フォームの入力モード*/
.imeJpn {ime-mode: active; }
.imeEn {ime-mode: inactive; }
.imeNum {ime-mode: disabled; }

/*リンクマーク*/
.linkMark{
	background-image:url(../images/common_img/icon_square_blue.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px !important;
}

/*リストマーク*/
.circleListMark{
	list-style: circle outside;
	margin-left:20px;
	padding-left:10px;
}
/*背景*/
.nonBg {
	background-image: none !important;
}

/*to Topリンク*/
/*.toTop {
	clear: both;
	margin-top:10px;
	padding-bottom: 10px;
}
.toTop a {
	float: right;
	width: 100px;
	background-image:url(../images/common/linkmark_top_red.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}*/


/*to Nextリンク*/
/*.toNext {
	clear: both;
	margin-top:10px;
	padding-bottom: 10px;
}
.toNext a {
	float: right;
	background-image:url(../images/common/linkmark_next_red.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}*/

/*to Linkリンク*/
.toLink a {
	float: right;
	background-image:url(../images/common_img/mark_link.gif);
	background-repeat:no-repeat;
	background-position:center left;
	padding:3px 10px 3px 20px;
	display: block;
}
/*to Topリンク*/
.toTop a {
	float: right;
	background-image:url(../images/common_img/mark_top.gif);
	background-repeat:no-repeat;
	background-position:center left;
	padding:8px 10px 8px 20px;
	display: block;
}
/*to Backリンク*/
.toBack a {
	clear:both;
	float: right;
	background-image:url(../images/common_img/mark_back.gif);
	background-repeat:no-repeat;
	background-position:center left;
	padding:3px 10px 3px 20px;
	display: block;
}

.col1 img{
	margin:10px;
	padding:5px;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}

.col2-left img{
	float:left;
	margin:10px;
	padding:5px;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	
}
.col2-right img{
	float:right;
	margin:10px;
	padding:5px;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}
.col2-right p,
.col2-left p{
	padding-left:10px;
	padding-right:10px;
}
.col1 p{
	padding:10px;
}

/*New画像*/
.newIcon{
	width:38px !important;
	height:13px !important;
	text-decoration:none;
}