/*
Theme Name: sz
Theme URI: http://www.softel.jp/
Description: theme for Tsuhan Suruzo Website
Version: 1.0
Author: softel
Author URI: http://www.softel.co.jp/
*/


* {margin:0;padding:0;font-size:100%;font-weight:inherit; font-style:inherit;}
b, strong, h1, h2, h3, h4, h5, h6, th, em {font-weight:normal; font-style:normal;}
img, table, body {border:0;}
select > option {padding-right:5px;}
hr {
	height:0px;
	margin:0 0 10px 0;
	border-color:#ffffff;
	border-style:solid;
	border-width:0 0 1px 0;
	padding:0 0 10px 0;
}


h1,h2,h3,h4,h5,h6 {margin-bottom: 10px; font-weight:bold;}
table {border-collapse:collapse;border-spacing:0;}
th,td {vertical-align:top;}
input,textarea {font-size:120%;}
ul {list-style-type:none;}
img {vertical-align: bottom;}


/* *****************************************************
 *	2.layout
 * *****************************************************/
body {
	background:transparent url(i/back.jpg) repeat-x;
	color: #313131;
	font-size: 80%;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
#wrapp {
	width: 760px;
	margin:0 auto;
	background-color: #FFFFFE;
}
#header {}
#main{
	clear:both;
	padding-top: 10px;
	padding-bottom: 10px;
}
#menue {
	float: left;
	width: 180px;
}
#cont {
	float: right;
	width: 575px;
}
#footer {
	clear: both;
	padding:10px;
	background:transparent url(i/footer.jpg) no-repeat;
}


/* *****************************************************
 *	3.design
 * *****************************************************/

#header .logo {float:left; width:180px;}
#header .logo p {padding-top:5px;}
#header a {color: #313131; text-decoration: none;}
#header .summary p {margin-bottom:10px; padding:5px 10px 0 0; text-align:right;}
#header .nav p {margin-bottom:10px; text-align:right;}


/* header2
----------------------------------------------- */
#header2 {
	clear:both;
	background:transparent url(i/top-image.jpg) no-repeat;
	height: 140px;
	padding-right: 20px;
}
#header2 .catch p {
	font-size: 150%;
	line-height: 1.5;
	padding-top: 5px;
	color: #FFFFFF;
	text-align: right;
}
.catch .catchsmall {font-size: 70%;}
#header2 #bread p {
	padding-top:10px;
	text-align: right;
	font-size:90%;
	color:#ffffff;
}
#header2 #bread a {
	color: #ffffff;
	text-decoration: none;
}

/* header3 (下層ページ）
----------------------------------------------- */
#header3 {
	clear:both;
	height: 74px;
	background:transparent url(i/page-header.jpg) no-repeat;
}
#header3 .catch {padding:10px 10px;}
#header3 .catch p {
	font-size: 140%;
	line-height: 1.4;
	color: #FFFFFF;
}
#header3 .catch #bread p {
	text-align: right;
	font-size:90%;
}
#header3 .catch #bread a {
	color: #ffffff;
	text-decoration: none;
}


/* menue
----------------------------------------------- */
#menue li {zoom:1;}
#menue li a {text-decoration: none;}

#menue .single {margin-bottom:5px;}
#menue .single a {
	background:transparent url(i/left-menu01.jpg) no-repeat;
	display: block;
	color: #FFFFFF;
	text-align: center;
	line-height:25px;
	padding-bottom:2px;
}
#menue .parent  a {
	background:transparent url(i/menue_parent.gif) no-repeat;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	line-height:25px;
}
#menue .child_parent {
	background:transparent url(i/menue_under.gif) no-repeat left bottom;
	margin-bottom: 10px;
	background-color: #E9EBF1;
}
#menue .child a {
	display: block;
	padding-left: 15px;
	background:transparent url(i/allow_menue.gif) no-repeat 3px 6px;
	line-height:2;
	color: #313131;
	text-align: left;
	border-bottom: 1px solid #A2A3C7;
	font-size:90%;
}
#menue .childlast a {
	background-image: url(i/allow_menue.gif);
	background-repeat: no-repeat;
	background-position: 3px 6px;
	display: block;
	line-height:2;
	color: #313131;
	text-align: left;
	padding-left: 15px;
	font-size:90%;
}
#menue #leftban p {margin-bottom:5px; text-align: center;}


/* cont
----------------------------------------------- */
#cont h1 {
	font-size: 120%;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 3px;
	background:transparent url(i/h1.jpg) no-repeat left center;
	line-height: 41px;
}
#cont h2 {
	height:28px;
	padding-left: 18px;
	font-size: 110%;
	background:transparent url(i/h2.jpg) no-repeat left center;
	line-height: 24px;
	color: #0E208C;
}
#cont h3 {
	font-size: 105%;
	background:transparent url(i/h3.jpg) no-repeat left center;
	padding-left: 18px;
	line-height: 25px;
	padding-top: 4px;
	padding-bottom: 8px;
	color: #0E208C;
}
#cont p {
	padding:0 10px 0 10px;
	margin-bottom:10px;
	line-height: 1.5;
}
#cont .topbnarea p {padding:0;}
#cont .contarea {
	clear:both;
	margin-bottom: 10px;
}
#cont .photo {float: left; margin-right: 5px;}
#cont .go {text-align:right;}
#cont .go a {
	padding-left:15px;
	background:transparent url(i/go.gif) no-repeat left center;
	text-decoration: none;
	color: #0E208C;
}
#cont .post {margin-bottom:10px;}

.news {padding:10px; margin-bottom:10px;}
.news dl {padding: 0 0 0 10px;}
.news dt {}
.news dd {
	line-height: 1.3;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin: -1.3em 0 0.5em 10em;
}

.campaigns {padding:10px; margin-bottom:10px;}
.campaigns dl {padding: 0 0 0 10px;}
.campaigns dt {width:180px; height:130px; margin-bottom:-131px; border-bottom: 1px dotted #cccccc;}
.campaigns dd {
	height: 130px;
	border-bottom: 1px dotted #cccccc;
	margin: 0 0 10px 180px;
}


#cont .gotop {padding: 10px 10px 15px 10px;}
#cont .pagetop {text-align:right;}
#cont .pagetop a {
	padding-left: 15px;
	background:transparent url(i/allow_top.gif) no-repeat left center;
	text-decoration: none;
	color: #0E208C;
}

#cont .diagram1 {
	margin-right: 5px;
	float: left;
	margin-left: 5px;
	margin-bottom: 10px;
} 

#cont .diagram2 {
	margin-left: 10px;
	margin-bottom: 10px;
}
#cont .contarea ul {
	list-style-type: none;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#cont .contarea ul li {
	background-image: url(i/list.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding-left: 8px;
	line-height: 1.5;
}
#cont  ol {
	list-style-type: decimal;
	line-height: 1.5;
}
#cont  ol li {
	margin-bottom: 1em;
	list-style-type: decimal;
}

/* plan */
#cont .plan  {
	width: 520px;
	margin-left: 10px;
	border: 1px solid #999999;
	margin-bottom: 10px;
}
#cont  .plan1 {
	width: 125px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	padding: 3px;
}
#cont .plan2 {padding: 3px 3px 3px 5px;
}
#cont  .plan3 {
	width: 125px;
	border-right:1px solid#999999;
	padding: 3px;
	background-color: #EFEFEF;
}
#cont .plan4 {
	background-color: #EFEFEF;
	padding:3px 3px 3px 5px;
}
#cont .compares1 {
	background-color: #EFEFEF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	text-align: center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	padding-top: 5px;
	padding-bottom: 5px;
}
#cont  .compares2 {
	width: 125px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	background-color: #EFEFEF;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 3px;
}
#cont  .compares3 {
	width: 125px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-top: 2px;
	padding-bottom: 2px;
}
#cont  .compares4 {
	width: 125px;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-top: 2px;
	padding-bottom: 2px;
}

#cont .question {
	font-weight: bold;
	background-image: url(i/line01.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 3px;
	margin-top: 20px;
	margin-bottom: -1em;
	display: block;
}

#cont .faqink p {text-align: center;}

#cont .center {text-align: center;}
#cont .right {text-align: right;}

#cont .client {float: left; width: 260px;}

#cont div.listbox {
	width: 90%; 
	height: 70px; 
	background-color:#ffffff; 
	border: 1px gray solid; 
	overflow:auto;
}
#cont .guideNext {padding:10px; text-align:center;}
#cont .guideNext a {padding:10px 10px 10px 60px; background:transparent url(i/tsugihe.png) no-repeat 10px 60%; font-weight:bold; font-size:120%;}
#cont .guideNext a:hover {background-color:#fffc99;}

#footer .fotterlink {margin-bottom: 15px;line-height: 1.5; color: #FFFFFF;}
#footer .fotterlink p {padding:0;}
#footer .fotterlink a {color: #FFFFFF; text-decoration: none;}
#footer .address {line-height: 1.2em; padding-top: 5px;}
#footer .copyright {text-align: right;}


/* *****************************************************
 *	4.step
 * *****************************************************/
#cont .step {
	padding-right: 35px;
	padding-left: 35px;
}

#cont .step p.step1,
#cont .step p.step2,
#cont .step p.step3,
#cont .step p.step4,
#cont .step p.step5,
#cont .step p.step6,
#cont .step p.step7,
#cont .step p.step8 {
	border: 2px solid #CCCCCC;
	height: 35px;
	padding-left: 80px;
	line-height: 35px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#cont .step .step1 {background: url(i/step1.gif)  5px 3px no-repeat;}
#cont .step .step2 {background: url(i/step2.gif)  5px 3px no-repeat;}
#cont .step .step3 {background: url(i/step3.gif)  5px 3px no-repeat;}
#cont .step .step4 {background: url(i/step4.gif)  5px 3px no-repeat;}
#cont .step .step5 {background: url(i/step5.gif)  5px 3px no-repeat;}
#cont .step .step6 {background: url(i/step6.gif)  5px 3px no-repeat;}
#cont .step .step7 {background: url(i/step7.gif)  5px 3px no-repeat;}
#cont .step .step8 {background: url(i/step8.gif)  5px 3px no-repeat;}
#cont .step img {
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 220px;
}
#cont .caption {
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #C40000;
}

/* *****************************************************
 *	5.action
 * *****************************************************/

#cont .action table {
	margin-left: 10px;
	margin-bottom: 10px;
	border: 1px solid #999999;
}
#cont .action input, #cont .action textarea{}
#cont .action .t1 {
	width: 160px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	vertical-align: middle;
	padding-left: 5px;
	background-color: #EFEFEF;
}
#cont .action .t2 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding: 5px;
}
#cont .sitemap {
	padding-left: 10px;
}
#cont .sitemap ul {margin-left: 10px;}
#cont .sitemap ul ul {}
#cont .sitemap li {line-height: 1.5;}
#cont .sitemap li a {
	color: #313131;
	text-decoration: none;
}
#cont .sitemap li a:hover {
	text-decoration: underline;
}
#cont .sitemap li.s1 {
	background-image: url(i/s1.gif);
	display: block;
	padding-left: 30px;
	background-repeat: no-repeat;
}
#cont .sitemap li.s2 {
	background-image: url(i/s2.gif);
	background-repeat: no-repeat;
	display: block;
	padding-left: 30px;

}
#cont .sitemap li.s3{
	background-image: url(i/s3.gif);
	background-repeat: no-repeat;
	display: block;
	padding-left: 30px;
}

/*** Add 2007.11.16 ***/
#cont .contarea02 {
	padding-bottom: 10px;
}


/*** Add 2009.10.21ヤフオク評価説明 ***/
#cont2 .ya_m_hyoka_main h2, #cont2 .ya_m_hyoka_main h3 {padding:0; background:none;}

#cont2 p {padding-left:0;}

#cont2 .clear{clear:both;}
#cont2 .ya_m_hyoka_main strong {_margin:0 0 0 5px;}
#cont2 .ya_m_hyoka_main_ba h1 img {
	margin:0;
	padding:0;
} 
#cont2 .ya_m_hyoka_main_ba h1 {
	margin:0;
	padding:0;
}
#cont2 .ya_m_hyoka_main_ba {
	background: url(http://www.softel.jp/img-contents/ya_m_hyoka_main_ba.gif) no-repeat;
	width:575px;
	height:237px;
	margin:5px 0 0 0;
	_margin:5px 0 0 5px;
}

#cont2 .ya_m_hyoka_main_ba p {
	float:left;
	width:260px;
	padding:5px 0 0 20px;
	margin:0;
	line-height:1.4em;
	font-size:12px;
}
#cont2 .ya_m_hyoka_main_ba span {
	float:left;
	width:245px;
	padding:0 0 0 15px;
	margin:2px 0 0 0;
}


/* 後払いcom---------------------------------- */

#cont2 .ya_m_sosa_tit h2 {
	font-size:0;
	margin:10px 0 0 0;
}
#cont2 .ya_m_sosa_tit ul {
	margin:5px 0 15px 5px;
	_margin:5px 0 15px 15px;
	padding:0;
}
#cont2 .ya_m_sosa_tit li {
	background: url(http://www.softel.jp/img-contents/ya_m_hyoka_san.gif) top left no-repeat;
	padding:0 0 0 15px;
	line-height:1.5em;
	list-style:none;
	font-size:17px;
	font-weight:bold;
}
#cont2 .ya_m_sosa_tit a {
	color: #333132;
}
#cont2 .ya_m_hyoka_block li b {
	background:#005100;
	padding:3px;
	color:#ffffff;
	font-weight:normal;
}

#cont2 .ya_m_hyoka_block {
	background:#e4f7ff;
	width:555px;
	margin:0 0 10px 10px;
	/margin:20px 0 10px 10px;
	padding:0 0 15px 0;
}

#cont2 .ya_m_hyoka_block h3 img {
	margin:0;
	padding:0;
}
#cont2 .ya_m_hyoka_block p {
	margin:15px 0 0 10px;
	font-size:12px;
}
#cont2 .ya_m_hyoka_block em {
	font-size:18px;
	font-weight:bold;
	font-style:normal;
	color:#ff1515;
}
#cont2 .ya_m_hyoka_block span {
	color:#a31414;
}
#cont2 .ya_m_hyoka_block li {
	list-style:none;
	padding:0 0 5px 0;
	line-height:1.4em;
}
#cont2 .ya_m_hyoka_block ul {
	margin:5px 0 0 10px;
	padding:0;
}
#cont2 .ya_m_hyoka_block img {
	margin:10px 0 0 0;
}
#cont2 .ya_m_tuika_tit {
	padding:15px 0 0 10px;
}
#cont2 .ya_m_sosa_option {
	margin:5px 0 0 0;
	color:#cc0000;
}


#cont2 .atobaraicom {
	font-size:12px;
	line-height:1.5em;
}
#cont2 .atobaraicom h1 {
	font-size:20px;
	font-weight:bold;
	color:#009;
}
#cont2 .atobaraicom span img {
	margin:10px 0 10px 0;
}
#cont2 .atobaraicom p {
	margin:0 0 15px 15px;
	width:550px;
}
#cont2 .atobaraicom h2,.atobaraicom h3 {
	font-size:13px;
	font-weight:bold;
	margin:15px 0 0 15px;
}
#cont2 .atobaraicom table {
	border-bottom:solid 1px #999;
	border-right:solid 1px #999;
	width:560px;
	margin:10px 0 15px 15px;
}
#cont2 .atobaraicom table td {
	border-top:solid 1px #999;
	border-left:solid 1px #999;
	padding:5px;
}
#cont2 .atobaraicom table th {
	border-top:solid 1px #999;
	border-left:solid 1px #999;
	font-size:80%;
	font-weight: bold;
	width:100px;
	padding:7px;
	background:#fff6d4;
}
#cont2 .atobaraicom table td b {
	color:#900;
	font-weight: bold;
}
#cont2 .atobaraicom table td em {
	font-weight:bold;
	font-style:normal;
}
#cont2 .atobaraicom p b {
	color:#900;
	font-weight: bold;
}
#cont2 .atobaraicom p em {
	font-weight: bold;
	font-style:normal;
}

#cont2 .toparea {
	background-image: url(i/line_undh1.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#cont2 .contarea {
	clear:both;
	background-image: url(i/line.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#cont2 .contarea h2 {
	background-image: none;
	padding: 0px;
}
#cont2 .contarea .text {
	float: left;
	width: 411px;
}
#cont2 .contarea .img {
	float: right;
	vertical-align: top;
	width: 149px;
	display: inline;
	padding-right: 10px;
}


/* efficiency
----------------------------------------------- */
#cont2 .contarea .text2 {
	float: left;
	width: 277px;
}
#cont2 .contarea .img2 {
	float: right;
	vertical-align: top;
	width: 289px;
	display: inline;
	padding-right: 5px;
}

#inqbann {padding-bottom:10px;}

.clr, p.clr {clear:both; overflow:hidden; height:1px; margin:0; padding:0;}
.adminMenu {clear:both;}