/*
	$Id: stylesheet_oran.css,v1 $

	Ki2 Corporation Japan'sWEB
	Copyright (c) 2007. Ki2 Corporation Japan
	Create and Design by Seiki Nishijima

======================================================================
  Memo
・オランカラー専用スタイルシート。基本セットは_colorの付いてない物。
・カラーコード、画像アドを変えるだけで他カラーページと共有のクラスを使う
・基本セット用のスタイルはなるべく書かない。

・オラン専用囲い込みブロックあり(07,05,22に共通スタイルシートに移動)

======================================================================
*/


/*------------------------------------
  レフトブロック
-------------------------------------*/
div.leftBoxBG {
	margin: 0px;
	padding: 0px;
	width: 194px;
	height: 298px;
	background-image : url(images_o/box_under.gif); 
	background-repeat: no-repeat;
}

/*------------------------------------
  タイトル
-------------------------------------*/
h1.mainTitle {
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 5px;
	padding-left: 12px;
	padding-right: 0px;
	padding-bottom: 4px;
	width: 100%;
	height: 33px;
	background-image : url(images_o/title_H1.gif); 
	background-repeat: no-repeat;
	text-align: left;
	font-size: 24px;
	line-height: 100%;
	font-weight: bold;
	color: #ff6600;
}
h1.mainTitleL {
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 5px;
	padding-left: 12px;
	padding-right: 0px;
	padding-bottom: 4px;
	width: 100%;
	height: 58px;
	background-image : url(images_o/title_H1l.gif); 
	background-repeat: no-repeat;
	text-align: left;
	font-size: 24px;
	line-height: 100%;
	font-weight: bold;
	color: #ff6600;
}
h1.pickupTitle {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 100%;
	font-size: 28px;
	line-height: 110%;
	font-weight: bold;
	color: #ff0000;
}
h2.subTitle {
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 30px;
	margin-right: 0px;
	padding-top: 8px;
	padding-left: 30px;
	padding-right: 0px;
	padding-bottom: 7px;
	width: 100%;
	height: 33px;
	background-image : url(images_o/title_H2.gif); 
	background-repeat: no-repeat;
	text-align: left;
	font-size: 18px;
	line-height: 100%;
	font-weight: bold;
	color: #ff6600;
}
h3.subTitleL {
	margin: 0px;
	padding-top: 1px;
	padding-left: 10px;
	padding-right: 0px;
	padding-bottom: 2px;
	height: 24px;
	background-image : url(images_o/title_H3l.gif); 
	background-repeat: no-repeat;
	vertical-align: middle;
	text-align: left;
	font-size: 16px;
	line-height: 140%;
	font-weight: bold;
	color: #333333;
}
h3.subTitleLW {
	margin: 0px;
	padding-top: 1px;
	padding-left: 10px;
	padding-right: 0px;
	padding-bottom: 2px;
	height: 42px;
	background-image : url(images_o/title_H3l.gif); 
	background-repeat: repeat-y;
	vertical-align: middle;
	text-align: left;
	font-size: 16px;
	line-height: 140%;
	font-weight: bold;
	color: #333333;
}
h3.subTitleR {
	margin: 0px;
	padding-top: 0px;
	padding-left: 25px;
	padding-right: 0px;
	padding-bottom: 2px;
	background-image : url(images_o/title_H3r.gif); 
	background-repeat: no-repeat;
	vertical-align: middle;
	text-align: left;
	font-size: 14px;
	line-height: 140%;
	font-weight: bold;
	color: #f8310e;
}
h3.subTitleR2 {
	margin: 0px;
	padding-top: 0px;
	padding-left: 25px;
	padding-right: 0px;
	padding-bottom: 2px;
	background-repeat: no-repeat;
	vertical-align: middle;
	text-align: left;
	font-size: 14px;
	line-height: 140%;
	font-weight: bold;
	color: #f8310e;
}
h3.subTitleG {
	margin: 0px;
	padding-top: 0px;
	padding-left: 25px;
	padding-right: 0px;
	padding-bottom: 2px;
	background-image : url(images_o/title_H3g.gif); 
	background-repeat: no-repeat;
	vertical-align: middle;
	text-align: left;
	font-size: 14px;
	line-height: 140%;
	font-weight: bold;
	color: #0f6734;
}
h3.subTitleG2 {
	margin: 0px;
	padding-top: 0px;
	padding-left: 25px;
	padding-right: 0px;
	padding-bottom: 2px;
	background-repeat: no-repeat;
	vertical-align: middle;
	text-align: left;
	font-size: 14px;
	line-height: 140%;
	font-weight: bold;
	color: #0f6734;
}
h3.subTitleB {
	margin: 0px;
	padding-top: 0px;
	padding-left: 25px;
	padding-right: 0px;
	padding-bottom: 2px;
	background-image : url(images_o/title_H3b.gif); 
	background-repeat: no-repeat;
	vertical-align: middle;
	text-align: left;
	font-size: 14px;
	line-height: 140%;
	font-weight: bold;
	color: #1963aa;
}
/*------------------------------------
  変遷テーブル
-------------------------------------*/
table.graph {
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	width: 400px;
	text-align: center;
	font-size: 12px;
	line-height: 140%;
}
td.graphTitle1 {
	margin: 0px;
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 8px;
	background : #ffeacc;
	border-top: 1px solid #ff6600;
	border-left: 1px solid #ff6600;
	border-bottom: 1px solid #ff6600;
	border-right: 0px;
	vertical-align: top;
	text-align: center;
	font-size: 12px;
	line-height: 140%;
	font-weight: bold;
}
td.graphTitle2 {
	margin: 0px;
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 8px;
	background : #ffeacc;
	border-top: 1px solid #ff6600;
	border-left: 1px solid #ff6600;
	border-bottom: 1px solid #ff6600;
	border-right: 0px;
	text-align: center;
	font-size: 12px;
	line-height: 140%;
}
td.graphTitle3 {
	margin: 0px;
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 8px;
	background : #ffeacc;
	border-top: 1px solid #ff6600;
	border-left: 1px solid #ff6600;
	border-bottom: 1px solid #ff6600;
	border-right: 1px solid #ff6600;
	text-align: center;
	font-size: 12px;
	line-height: 140%;
}
td.graphText1 {
	margin: 0px;
	padding-top: 8px;
	padding-left: 20px;
	padding-right: 0px;
	padding-bottom: 8px;
	background : #ffeacc;
	border-top: 0px;
	border-left: 1px solid #ff6600;
	border-bottom: 1px solid #ff6600;
	border-right: 0px;
	vertical-align: top;
	text-align: left;
	font-size: 12px;
	color: #ff6600;
	line-height: 140%;
	font-weight: bold;
}
td.graphText2 {
	margin: 0px;
	padding-top: 8px;
	padding-left: 0px;
	padding-right: 20px;
	padding-bottom: 8px;
	border-top: 0px;
	border-left: 1px solid #ff6600;
	border-bottom: 1px solid #ff6600;
	border-right: 0px;
	text-align: right;
	font-size: 12px;
	line-height: 140%;
}
td.graphText3 {
	margin: 0px;
	padding-top: 8px;
	padding-left: 0px;
	padding-right: 20px;
	padding-bottom: 8px;
	border-top: 0px;
	border-left: 1px solid #ff6600;
	border-bottom: 1px solid #ff6600;
	border-right: 1px solid #ff6600;
	text-align: right;
	font-size: 12px;
	line-height: 140%;
}
/*------------------------------------
 委託システムテーブル
-------------------------------------*/
table.cons {
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	width: 500px;
	text-align: center;
	font-size: 12px;
	line-height: 140%;
}
td.consTitle1 {
	margin: 0px;
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 8px;
	background : #ffeacc;
	border-top: 1px solid #ff6600;
	border-left: 1px solid #ff6600;
	border-bottom: 1px solid #ff6600;
	border-right: 0px;
	vertical-align: top;
	text-align: center;
	font-size: 12px;
	line-height: 140%;
	font-weight: bold;
}
td.consTitle2 {
	margin: 0px;
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 8px;
	background : #ffeacc;
	border-top: 1px solid #ff6600;
	border-left: 1px solid #ff6600;
	border-bottom: 1px solid #ff6600;
	border-right: 0px;
	text-align: center;
	font-size: 12px;
	line-height: 140%;
}
td.consTitle3 {
	margin: 0px;
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 8px;
	background : #ffeacc;
	border-top: 1px solid #ff6600;
	border-left: 1px solid #ff6600;
	border-bottom: 1px solid #ff6600;
	border-right: 1px solid #ff6600;
	text-align: center;
	font-size: 12px;
	line-height: 140%;
}
td.consText1 {
	margin: 0px;
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 0px;
	padding-bottom: 8px;
	background : #ffeacc;
	border-top: 0px;
	border-left: 1px solid #ff6600;
	border-bottom: 1px solid #ff6600;
	border-right: 0px;
	vertical-align: top;
	text-align: left;
	font-size: 12px;
	color: #ff6600;
	line-height: 140%;
	font-weight: bold;
}
td.consText2 {
	margin: 0px;
	padding-top: 8px;
	padding-left: 0px;
	padding-right: 20px;
	padding-bottom: 8px;
	border-top: 0px;
	border-left: 1px solid #ff6600;
	border-bottom: 1px solid #ff6600;
	border-right: 0px;
	text-align: right;
	font-size: 12px;
	line-height: 140%;
}
td.consText3 {
	margin: 0px;
	padding-top: 8px;
	padding-left: 0px;
	padding-right: 20px;
	padding-bottom: 8px;
	border-top: 0px;
	border-left: 1px solid #ff6600;
	border-bottom: 1px solid #ff6600;
	border-right: 1px solid #ff6600;
	text-align: right;
	font-size: 12px;
	line-height: 140%;
}
td.consText4 {
	margin: 0px;
	padding-top: 8px;
	padding-left: 30px;
	padding-right: 0px;
	padding-bottom: 8px;
	background : #ffeacc;
	border-top: 0px;
	border-left: 1px solid #ff6600;
	border-bottom: 1px solid #ff6600;
	border-right: 0px;
	vertical-align: top;
	text-align: left;
	font-size: 13px;
	color: #ff6600;
	line-height: 140%;
	font-weight: bold;
}
td.consText5 {
	margin: 0px;
	padding-top: 8px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 8px;
	border-top: 0px;
	border-left: 1px solid #ff6600;
	border-bottom: 1px solid #ff6600;
	border-right: 1px solid #ff6600;
	text-align: center;
	font-size: 16px;
	line-height: 140%;
	text-decoration: underline;
	font-weight: bold;
}
td.consText6 {
	margin: 0px;
	padding-top: 8px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 8px;
	border-top: 0px;
	border-left: 1px solid #ff6600;
	border-bottom: 1px solid #ff6600;
	border-right: 1px solid #ff6600;
	text-align: center;
	font-size: 13px;
	line-height: 140%;
}
/*------------------------------------
  回転率テーブル
-------------------------------------*/
table.collabo {
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	width: 200px;
	text-align: center;
	font-size: 12px;
	line-height: 140%;
}
td.collaboCursor {
	text-align: center;
	vertical-align: middle;
}
td.collaboText1 {
	margin: 0px;
	padding-top: 8px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 8px;
	background : #ffeacc;
	border-top: 0px;
	border-left: 1px solid #ff6600;
	border-bottom: 1px solid #ff6600;
	border-right: 0px;
	vertical-align: top;
	text-align: center;
	font-size: 12px;
	color: #ff6600;
	line-height: 140%;
	font-weight: bold;
}
/*------------------------------------
  収益商材テーブル
-------------------------------------*/
table.merchan {
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: auto;
	padding: 0px;
	width: 450px;
	text-align: center;
	font-size: 12px;
	line-height: 140%;
}
td.merchan1 {
	margin: 0px;
	padding-top: 2px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	background : #ffeacc;
	border-top: 1px solid #ff6600;
	border-left: 1px solid #ff6600;
	border-bottom: 1px solid #ff6600;
	border-right: 0px;
	vertical-align: top;
	text-align: center;
	font-size: 12px;
	color: #ff6600;
	line-height: 140%;
	font-weight: bold;
	text-decoration: underline;
}
td.merchan2 {
	margin: 0px;
	padding-top: 2px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	background : #ffeacc;
	border-top: 1px solid #ff6600;
	border-left: 1px solid #ff6600;
	border-bottom: 1px solid #ff6600;
	border-right: 1px solid #ff6600;
	vertical-align: top;
	text-align: center;
	font-size: 12px;
	color: #ff6600;
	line-height: 140%;
	font-weight: bold;
	text-decoration: underline;
}
td.merchan3 {
	margin: 0px;
	padding-top: 2px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	background : #ffeacc;
	border-top: 0px;
	border-left: 1px solid #ff6600;
	border-bottom: 1px solid #ff6600;
	border-right: 0px;
	vertical-align: top;
	text-align: center;
	font-size: 12px;
	color: #ff6600;
	line-height: 140%;
	font-weight: bold;
	text-decoration: underline;
}
td.merchan4 {
	margin: 0px;
	padding-top: 2px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	background : #ffeacc;
	border-top: 0px;
	border-left: 1px solid #ff6600;
	border-bottom: 1px solid #ff6600;
	border-right: 1px solid #ff6600;
	vertical-align: top;
	text-align: center;
	font-size: 12px;
	color: #ff6600;
	line-height: 140%;
	font-weight: bold;
	text-decoration: underline;
}
/*------------------------------------
  収益商材リンク
-------------------------------------*/
a.merchan:link {
	color: #ff6600;
}
a.merchan:visited {
	color: #ff6600;
}
a.merchan:active {
	color: #ff6600;
}
a.merchan:hover {
	color: #ff0000;
	background:#ffeacc;
}

/*------------------------------------
  リンクテーブル
-------------------------------------*/
table.linkBox {
	width: 100%;
}
td.linkBox {
	width: 50%;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
}
/*------------------------------------
  お問い合せテーブル
-------------------------------------*/
td.contactTitle0 {
	margin: 0px;
	padding-top: 8px;
	padding-left: 0px;
	padding-right: 8px;
	padding-bottom: 8px;
	background : #ffeedd;
	border-top: 1px solid #ff6600;
	border-left: 1px solid #ff6600;
	border-bottom: 1px solid #ff6600;
	border-right: 1px solid #ff6600;
	vertical-align: middle;
	text-align: center;
	font-size: 14px;
	line-height: 140%;
	color: #ff6600;
	font-weight: bold;
}
td.contactTitleA {
	margin: 0px;
	padding-top: 8px;
	padding-left: 0px;
	padding-right: 8px;
	padding-bottom: 8px;
	background : #ffeedd;
	border-top: 1px solid #ff6600;
	border-left: 1px solid #ff6600;
	border-bottom: 1px solid #ff6600;
	border-right: 0px;
	vertical-align: middle;
	text-align: right;
	font-size: 12px;
	line-height: 140%;
	color: #ff6600;
	font-weight: bold;
}
td.contactTitleB {
	margin: 0px;
	padding-top: 8px;
	padding-left: 0px;
	padding-right: 8px;
	padding-bottom: 8px;
	background : #ffeedd;
	border-top: 0px;
	border-left: 1px solid #ff6600;
	border-bottom: 1px solid #ff6600;
	border-right: 0px;
	vertical-align: middle;
	text-align: right;
	font-size: 12px;
	line-height: 140%;
	color: #ff6600;
	font-weight: bold;
}
td.contactText1 {
	margin: 0px;
	padding-top: 8px;
	padding-left: 20px;
	padding-right: 0px;
	padding-bottom: 8px;
	border-top: 1px solid #ff6600;
	border-left: 1px solid #ff6600;
	border-bottom: 1px solid #ff6600;
	border-right: 1px solid #ff6600;
	text-align: left;
	vertical-align: middle;
	font-size: 12px;
	line-height: 140%;
}
td.contactTitle1 {
	margin: 0px;
	padding-top: 8px;
	padding-left: 20px;
	padding-right: 0px;
	padding-bottom: 8px;
	background : #ffeedd;
	border-top: 1px solid #ff6600;
	border-left: 1px solid #ff6600;
	border-bottom: 1px solid #ff6600;
	border-right: 0px;
	width: 140px;
	vertical-align: top;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
	font-weight: bold;
}
td.contactInput1 {
	margin: 0px;
	padding-top: 8px;
	padding-left: 20px;
	padding-right: 0px;
	padding-bottom: 8px;
	border-top: 1px solid #ff6600;
	border-left: 1px solid #ff6600;
	border-bottom: 1px solid #ff6600;
	border-right: 1px solid #ff6600;
	width: 400px;
	text-align: left;
	vertical-align: middle;
	font-size: 12px;
	line-height: 140%;
}
td.contactTitle2 {
	margin: 0px;
	padding-top: 8px;
	padding-left: 20px;
	padding-right: 0px;
	padding-bottom: 8px;
	background : #ffeedd;
	border-top: 0px;
	border-left: 1px solid #ff6600;
	border-bottom: 1px solid #ff6600;
	border-right: 0px;
	vertical-align: top;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
	font-weight: bold;
}
td.contactInput2 {
	margin: 0px;
	padding-top: 8px;
	padding-left: 20px;
	padding-right: 0px;
	padding-bottom: 8px;
	border-top: 0px;
	border-left: 1px solid #ff6600;
	border-bottom: 1px solid #ff6600;
	border-right: 1px solid #ff6600;
	text-align: left;
	vertical-align: middle;
	font-size: 12px;
	line-height: 140%;
}
td.contactSend {
	margin: 0px;
	padding-top: 12px;
	padding-left: 0px;
	padding-right: 10px;
	padding-bottom: 8px;
	border: 0px;
	text-align: right;
	vertical-align: bottom;
	font-size: 12px;
	line-height: 140%;
}
td.contactTextX {
	margin: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 0px;
	padding-right: 20px;
	border: 0px;
	text-align: left;
	vertical-align: bottom;
	font-size: 12px;
	line-height: 140%;
}
span.coments {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
	padding-right: 0px;
	border: 0px;
	text-align: left;
	vertical-align: bottom;
	font-size: 10px;
	line-height: 140%;
}


span.telText {
	text-align: left;
	padding: 0px;
	font-size: 19px;	
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 140%;
	color: #FF3300;
}

span.pickup2 {
	font-size: 60px;
	line-height: 140%;
}
/*------------------------------------
  トピックステーブル
-------------------------------------*/
table.topics {
	margin: 0px;
	padding: 0px;
	width: 540px;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
}
tr.topicsTitle {
	margin: 0px;
	padding-top: 0px;
}
td.topicsTitleDay {
	margin: 0px;
	padding: 0px;
	width: 52px;
	height: 49px;
	background-image : url(images_o/title_TopicsDay.gif); 
	background-repeat: no-repeat;
	vertical-align: middle;
	text-align: center;
	font-size: 18px;
	line-height: 140%;
	font-weight: bold;
	color: #ffffff;
}
td.topicsTitleText {
	margin: 0px;
	padding-top: 2px;
	padding-left: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 470px;
	height: 49px;
	background-image : url(images_o/title_Topics.gif); 
	background-repeat: repeat-x;
	vertical-align: top;
	text-align: left;
	font-size: 16px;
	line-height: 140%;
	font-weight: bold;
}
td.topicsText {
	margin: 0px;
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 100%;
	vertical-align: top;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
}
td.topicsPhoto {
	margin: 0px;
	padding-top: 5px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 140px;
	vertical-align: top;
	text-align: center;
	font-size: 12px;
	line-height: 140%;
}
td.topicsPhotoText {
	margin: 0px;
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 400px;
	vertical-align: top;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
}
td.topicsURL {
	margin: 0px;
	padding: 0px;
	width: 100%;
	vertical-align: top;
	text-align: right;
	font-size: 12px;
	line-height: 140%;
}
/*------------------------------------
  備考
-------------------------------------*/
/*線種：border: *px (線種) #color;
none（無し）
solid（実線）・dotted（破線）・double（二重線）
groove（谷線）・ridge（山線）
inset（内線）・outset（外線）
*/

/*文字飾り：text-decoration
none（無し）
underline（下線）・overline（上線）
line-through（打ち消し線）
blink（点滅）・inherit（継承）

太字に限り以下：font-weight
normal（通常）と bold（太字）
*/

