/* Information =====================================
   name:base.css
   dir:_root/common/css/
   descript: basic style
   history:
   -2010.10.01 created by saito@yohk
   -2010.10.26 changed by saito@yohk
   
   
   
   ================================================= */



/* -----------------------------------------------
              Base Style
   ----------------------------------------------- */

body {
	background: #E6E7E8 ;
	color: #555555;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 12px;
	line-height: 1.3;
	position: relative;
}


/* ========== link ========== */

a img,img {
	border: 0;
}

a {
	color: #5495CA;
	text-decoration: none;
}

a:link {
}

a:visited {
}

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

/* ========== heading ========== */

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	text-align: left;
	clear: both;
	color: #575B66;
}

h1 {
	font-size: 165%;
}

h2 {
	font-size: 130%;	
}

h3 {
	font-size: 115%;
}

h4 {
	font-size: 100%;
}

h5 {
	font-size: 100%;
}

h6 {
	font-size: 100%;
}


/* ========== block level elements ========== */

p {
}

hr {
	clear: both;
	height: 1px;
	background: url(../img/dot.gif) repeat-x;
	border: 0;
    /display :list-item;
    /width:0;
    /margin-left:-10px;
    /list-style : url(../img/dot_606.gif) inside;
}

blockquote {
}

pre {
}

code {
}

div {
	position: relative;
}


/* ----- table ----- */


table, th, td {
	border: 1px solid #C8D3D9;
}

table {
	width: 100%;
	border-collapse: collapse;
	background-color: #FFFFFF;
}

.even_row {
	background-color: #FFFFFF;
}

th, td {
	padding: 7px;
	line-height: 1.6;
}

th {
	font-weight: normal;
	white-space: nowrap;
}

td {
	font-weight: normal;
}

th.color, td.color {
	background-color: #F8F7F3;
}

/* ========== inline level elements ========== */

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

sub {
}


/* -----------------------------------------------
              Layout
   ----------------------------------------------- */

.flt_l {
	float: left;
}

.flt_r {
	float: right;
}

.mrgt {
	margin-top: 5px;
}

.mrgb {
	margin-bottom: 5px;
}

.pdgt {
	padding-top: 5px;
}

.pdgb {
	padding-bottom: 5px;
}

/* -----------------------------------------------
              Text
   ----------------------------------------------- */

.txt_bold {
	font-weight: bold;
}

.txt_small {
	font-size: 80%;
}

.txt_orange {
	color: #FF9900;
}

.txt_arw_01 {
	padding-left: 19px;
	background:  url(../img/arw_01.gif) center left no-repeat;
}

.txt_arw_01 a {
	font-weight: bold;
}

.txt_arw_02 {
	background: url(../img/arw_01.gif) left center no-repeat;
	font-weight: bold;
	padding-left: 20px;
	line-height: 1.4;	
	margin-left: 0;
	padding-top: 1px;
}

* html .txt_arw_02 {
	padding-top: 2px;
	margin-bottom: -1px;
}

.txt_arw_02,  x:-moz-any-link  { /*for Firefox*/
	padding-top: 2px;
	margin-bottom: -1px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { /*for Safari Chrome*/
.txt_arw_02  {
	padding-top: 2px;
	margin-bottom: -1px;
}
}

/* -----------------------------------------------
              Archive Icon
   ----------------------------------------------- */

.archive {
	display: inline;
	position: absolute;
	top: 4px;
	right: 4px;
	height: 23px;
	padding-left: 2px;
	background:  url(../img/arw_02_bf.gif) top left no-repeat;
	/right: 19px;
	_width: 70px;
	_text-align: center;
	_right: 14px;
}

.archive a {
	display: block;
	position: relative;
	padding: 3px 15px 3px 11px;
	font-size: 80%;
	background:  url(../img/arw_02.gif) top right no-repeat;
	height: 23px;
	font-weight: normal;
}

.archive_02 {
	display: block;
	height: 23px;
	background:  url(../img/ico_bg_bf.gif) top left no-repeat;
	/background:  url(../img/ico_bg_bf.gif) left 5px no-repeat;
	font-size: 12px;
	padding: 2px 4px 2px 3px;
	/padding: 1px 4px 4px 3px;
	position: absolute;
	top: 2px;
	/top: -3px;
	right: -3px;
	/right: 14px;
}

* html .archive_02 {
	right: 8px;
}

.archive_02.pat_02 {
	margin-right: 0px;
}

.icon_area .archive_02 {
	position: relative;
	float: right;
}

.icon_area {
	position: absolute;
	top: 0;
	right: 0;
}

.archive_02.rss a {
	color: #536E85;
}

.archive_02 a:hover {
	color: #5EA6E1;
}

.archive_02 a:hover .txt_orange {
	color: #5EA6E1;
}

.archive_02 a {
	display: inline;
	font-size: 12px;
	background:  url(../img/ico_bg.gif) right 40% no-repeat;
	height: 24px;
	padding: 6px 8px 6px;
	height: 23px;
	zoom: 1;
	position: relative;
	right: 0;
	overflow: visible;
	margin-right: 2px;
}

.archive_02 a img {
	position: relative;
	top: 3px;
	/top: 3px;
	left: 4px;
}


/* -----------------------------------------------
              Image
   ----------------------------------------------- */

a img.image {
	border: 1px solid #C8D3D9;
}

a:hover img.image {
	border-color: #5FA6E1;
}

/* -----------------------------------------------
              Button
   ----------------------------------------------- */

.btn_buy {
	width:95px;
	height:21px;
}

.btn_enq {
	width:105px;
	height:21px;
}

/* -----------------------------------------------
              Parts
   ----------------------------------------------- */

.page_top {
	text-align: right;
	background: url(../img/pg_top_bg.gif) no-repeat;
	padding: 5px;
	height: 17px;
	clear: both;
	margin-left: 15px;
	position: relative;
	bottom: 37px;
	width: 597px;
}

.ad_01 {
	margin-bottom: 10px;
	background: #F0F3F5;
	border: solid 1px #DBE2E6;
	padding: 4px;
	font-size: 12px;
	clear: both;
}

.ad_01 ul {
	margin: 0;
	padding: 5px;
	padding-bottom: 0;
	background-color: #FFFFFF;
	border: solid 1px #C8D3D9;	
}

.ad_01 li {
	margin: 0;
	margin-bottom: 5px;
	padding-left: 32px;
	font-weight: bold;
	line-height: 1.4;
	background: #FFFFFF url(../img/pr.gif) top left no-repeat;
}

.ad_01 a {
	font-weight: bold;
	cursor: pointer;
}

.ad_02 {
	border: solid 1px #C8D3D9;
	padding: 10px;
	background: #FFFFFF;
	/height: 12px;
}

* html .ad_02 { /*for IE6*/
	position: relative;
	height: 12px;
}

/* -----------------------------------------------
              Tooltip
   ----------------------------------------------- */

#tooltip{
	position:absolute;
	padding:3px 6px;
	color:#CCCCCC;
	display:none;
	background: #0F1214;
	letter-spacing: 0; /*for IE7*/
}

/* -----------------------------------------------
              Tooltip
   ----------------------------------------------- */
a.txt_arw {
	background: url(../img/arw_01.gif) 30px center no-repeat;
	font-weight: bold;
	background-color: #f7f7f1;
	display: inline-block;
	padding: 15px 35px 15px 50px;
	border: 3px dotted;
}

a.txt_arw:hover {
	opacity:0.6;
	text-decoration: none;
}