@charset "utf-8";

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

Cascading Style Sheets

File Name  : common.css
Author     : shunsuke nishihara
update     : 2008.06.12

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


/* tag -------------------------------------------------------------- */

* {
	margin: 0px;
	padding: 0px;
}

body {
	color: #333333;
	font-size: 75%;
	background: #f3f3f3 url(../img/common/body_bg.jpg) repeat-x 0 0;
	font-family: "ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"ＭＳ Ｐゴシック",sans-serif;
	_font-family: "ＭＳ Ｐゴシック",sans-serif;
	line-height: 1.4em;
	_letter-spacing: 0.1em;
	text-align: center;
}

body#popup {
	background:none;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

img {
	border: 0px;
}

table {
	font-size: 100%;
	line-height: 100%;
}

li {
	list-style: none;
}

a:link {
	color: #333333;
	text-decoration: none;
	background-color: transparent;
}

a:visited {
	color: #333333;
	text-decoration: none;
	background-color: transparent;
}

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

label {
	cursor: pointer;
}

option { 
	padding-right:0.5em;
}

iframe {
	padding: 0;
	margin: 0;
}


/* tag -------------------------------------------------------------- */



/* common class start ----------------------------------------------- */


/* --------------------------------------------------------
font size
-------------------------------------------------------- */
.fs_10 { font-size: 10px; }
.fs_12 { font-size: 12px; }
.fs_14 { font-size: 14px; }
.fs_16 { font-size: 16px; }


/* --------------------------------------------------------
float
-------------------------------------------------------- */
.flt_l { float: left; }
.flt_r {float: right; }


/* --------------------------------------------------------
float clear
-------------------------------------------------------- */
clr { clear: both; }

br.clr {
	clear: both;
	line-height: 1px;
	display: inline;
}

div.hr_clr{
	clear: both;
	display: block;
	height: 1px;
}

div.hr_clr hr{
	display: none;
}

/* --------------------------------------------------------
text-align
-------------------------------------------------------- */
.align_c { text-align: center; }
.align_l { text-align: left; }
.align_r { text-align: right; }


/* --------------------------------------------------------
padding
-------------------------------------------------------- */
.pad_t0 { padding-top: 0 !important; }
.pad_a10 { padding: 10px !important; }
.pad_b10 { padding-bottom: 10px !important; }
.pad_s10 { padding: 0 10px !important;}


/* --------------------------------------------------------
margin
-------------------------------------------------------- */
.mgn_a10 { margin: 10px !important; }
.mgn_t0 { margin-top: 0px !important; }
.mgn_b0 { margin-bottom: 0px !important; }
.mgn_b5 { margin-bottom: 5px !important; }
.mgn_b10 { margin-bottom: 10px !important; }
.mgn_b15 { margin-bottom: 15px !important; }
.mgn_b20 { margin-bottom: 20px !important; }
.mgn_b30 { margin-bottom: 30px !important; }
.mgn_s10 { margin: 0 10px !important; }

/* --------------------------------------------------------
table
-------------------------------------------------------- */
table.tbl01 {
	width: 580px;
	margin: 0 10px 1.2em;
	line-height: 1.6;
}

table.tbl01 th {
	width: 25%;
	padding: 10px 0;
	border-bottom: 1px dotted #cccccc;
}

table.tbl01 td {
	width: 75%;
	padding: 10px 0;
	border-bottom: 1px dotted #cccccc;
}


/* --------------------------------------------------------
step
-------------------------------------------------------- */
div.step {
	margin: 0 10px 1.2em;
	border: 5px solid #F2F2F2;
	padding: 10px;
}

div.step h4 {
	padding: 0 0 6px;
}

div.step p {
	padding: 0 5px 2em;
}

div.step p.arart {
	text-align: center;
	color: #990000;
	font-weight: bold;
	font-size: 14px;
}

/* --------------------------------------------------------
news
-------------------------------------------------------- */
div#main div.achnews {
	height: 150px;
	border: 1px solid #cccccc;
	border-top: 0;
	padding: 9px;
	overflow: auto;
	margin-bottom: 15px;
}

div#main div.achnews table {
	line-height: 1.4;
}

div#main div.achnews table th {
	background: #F2F2F2;
	width: 15%;
	padding: 8px;
	text-align: left;
	font-weight: normal;
	color: #FD6534;
	border-bottom: 4px solid #FFFFFF;
	vertical-align: top;
}

div#main div.achnews table td {
	background: #F2F2F2;
	width: 85%;
	padding: 8px;
	border-bottom: 4px solid #FFFFFF;
	vertical-align: top;
}

div#main p.pbanner {
	margin-bottom: 10px;
	text-align: center;
}

div#main ul.ulbanner {
	margin-bottom: 15px;
	zoom:1;
}

div#main ul.ulbanner:after {
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

div#main ul.ulbanner li {
	float: left;
	width: 296px;
}

div#main ul.ulbanner li.end {
	float: right;
}

div#main div.achblog {
	margin-bottom: 15px;
}

div#main div.achblog dl dt {
	padding: 10px 10px 4px;
	color: #FD6534;
	font-weight: bold;
}

div#main div.achblog dl dd {
	padding: 0 10px 10px;
	border-bottom: 1px dotted #cccccc;
}

div#main div.achtool {
	margin-bottom: 15px;
}

div#main div.achtool ul {
	padding: 10px 0 10px 12px;
	zoom:1;
}

div#main div.achtool ul:after {
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

div#main div.achtool ul li {
	float: left;
	width: 280px;
	padding: 15px 0;
	background: #F2F2F2;
	margin-right: 10px;
}

div#main div.achtool ul li a {
	background: url(../img/common/icon01.jpg) no-repeat 10px 3px;
	padding: 0 0 0 24px;
}

div#main div.achtool span {
	color:#ff0000;
	font-weight: bold;
}

div#main div.exp {
    background: url("../img/taobao-exp.jpg") no-repeat scroll 0 0 transparent;
    clear: both;
    height: 300px;
    width: 600px;
}

div#main div.exp ul {
	padding: 5px 0 5px 12px;
	zoom:1;
}

div#main div.exp ul:after {
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

div#main div.exp ul li {
	float: left;
	width: 280px;
	padding: 3px 0;
	background: #FFFFFF;
	margin-right: 10px;
}

div#main div.exp ul li a {
	background: url(../img/common/icon01.jpg) no-repeat 10px 3px;
	padding: 0 0 0 24px;
}

div#main div.exp span {
	color:#ff0000;
	font-weight: bold;
}


/* common class end ------------------------------------------------- */


/**/
div#cntx {
	margin: 20px 10px 20px;
	padding: 0px;
}
div#cntx h2,div#cntx p {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-size: 10px;
	line-height: 15px;
	text-align: left;
}