* {
	margin: 0;
	padding: 0;
	line-height: 1.5;
	font-weight: normal;
	font-style: normal;
}

body {
	background: url(../images/back.gif) repeat-x;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 13px;	
	color: #525252;
	text-align: center;
	/* IE対応（ボックスのセンタリング） */
}
* html body {
	font-size: small;
}

div#container {
	padding-top:10px;
	width: 840px;
	margin: 0 auto;
	position: relative;
	text-align: left;
}

div#container img {
	border: none;
}


div#header h1 {
	height: 168px;
}

div.clear {
	clear: both;
}

/*==========================================
	メニュー設定
==========================================*/

ul#menu {
	margin-bottom: 5px;
	list-style-type: none; 
	font-size: 14px;
	color: #503200;
}


ul#menu li {
	padding-right: 3px;
	display: inline;
}


ul#menu a {
	color: #4C3401;
	text-decoration: none;
}

ul#menu a:hover {
	background: #FFD689;
}
/*==========================================
	サービス内容＋オーダーフォーム
==========================================*/

div#maincontent {
	background: url(../images/u_line.gif) top center no-repeat;
	width: 840px;
}

/*==========================================
	サービス内容等設定
==========================================*/

div#description,
div#description02 {
	margin: 35px 20px 0 0;
	width: 440px;
	float: left;
}
* html div#description,
* html div#description02 {
	margin: 35px 17px 0 0;
}

div#description h2,
div#description02 h2 {
	margin-bottom: 10px;
}
* html div#description h2,
* html div#description02 h2 {
	margin-bottom: 20px;
}

ul#service {
	margin-bottom: 20px;
	list-style-type: none;
}

ul#service li {
	margin-bottom: 10px;
}


/*　トップ　新着情報　*/

div#description dl#new {
	margin: 0;
	padding: 0 10px 10px;
}

div#description dl#new dt {
	padding: 0 0 0 15px;
	background: url("../images/new_li.gif") center left no-repeat;
	color: #FF4700;
}

div#description dl#new dd {
	padding: 0 0 10px;
	background: none;
}


/*　コー速について　*/

div#description dl {
	margin-bottom: 15px;
}

div#description dt {
	padding: 15px 20px 0;
	font-size: 14px;
	color: #E4068A;
	font-weight: bold;
	background: url("../images/qa_01.gif") no-repeat;
}

div#description dd {
	padding: 0 20px 10px;
	background: url("../images/qa_02.gif") no-repeat bottom right;
}

div#description span.highlight {
	background: #FFFF66;
}


/*　トップ　このような時にご利用ください　*/

div#description div#ex {
	padding-bottom: 10px;
	width: 434px;
	border: 3px solid #89BF01;
}

div#description div#ex p.ex-title {
	padding: 7px 0 15px;
	text-align: center;
	background: #89BF01;
}

div#description div#ex ul {
	padding: 10px;
	list-style: none;
}

div#description div#ex li.ex-case01 {
	background: url("../images/ex_back01.gif") no-repeat bottom left;
} 

div#description div#ex li.ex-case02 {
	background: url("../images/ex_back02.gif") no-repeat bottom left;
} 

div#description div#ex li.ex-case03 {
	background: url("../images/ex_back03.gif") no-repeat bottom left;
} 

div#description div#ex li.ex-case04 {
	background: url("../images/ex_back04.gif") no-repeat bottom left;
} 

div#description div#ex li.ex-case01,
div#description div#ex li.ex-case03 {
	padding: 20px 45px 0 15px; 
	width: 140px;
	height: 155px;
	float:left;
}

div#description div#ex li.ex-case02 {
	padding: 20px 15px 0 45px; 
	width: 140px;
	height: 155px;
	float:right;
}

div#description div#ex li.ex-case04 {
	padding: 10px 15px 0 45px; 
	width: 140px;
	height: 165px;
	float:right;
}

/*　ご注文から納品まで　*/

div#description02 dl dt {
	padding: 13px 0 10px 15px;
	background: none;
	font-size: 12px;
	font-weight: bold;
	background: url("../images/order_back.gif") no-repeat top left;
}

div#description02 dl dd {
	padding: 5px 10px 35px;
	background: none;
}

div#description02 span.highlight {
	font-weight: bold;
	color: #FF4700;
}

div#description02 p {
	padding-bottom: 20px;
}

/*　特定商取引法に基づく表記　*/

div#description table {
	margin-bottom: 40px;
	width: 440px;
}

div#description th {
	padding: 8px 10px;
	border-bottom: 1px solid #CFD4DE;
	width: 140px;
}

div#description td {
	padding: 8px 0;
	border-bottom: 1px solid #CFD4DE;
}

/*　お支払い方法　*/

div#description dl#pay {
    margin: 15px 0 0;
	padding: 10px 0 0;
	background: url("../images/line.gif") top left repeat-x;
}

div#description dl#pay dt {
    margin: 10px 0 0;
	padding: 0 0 0 15px;
	font-size: 12px;
	color: #E4068A;
	font-weight: bold;
	background: url("../images/pay_li.gif") center left no-repeat;
}

div#description dl#pay dd {
	padding: 5px 0;
	background: none;
}

div#description dl#pay dd#japannet {
    text-align: right;
}
div#description dl#pay dd#japannet a {
}


/*　プライバシーポリシー　*/

div#description div.privacy {
	margin-bottom: 10px;
}

div#description div.privacy p.privacy-title {
	padding: 5px 10px;
	font-size: 12px;
	color: #525252;;
	font-weight: bold;
	background: #F4F1EC;
	border: 4px solid #CFD4DE;
}

div#description div.privacy p {
	padding: 10px 10px 20px;
	background: none;
}

div#description div.privacy ol {
	margin: 0 10px 20px 30px;
}


/*　制作実績　*/

div#description div.client {
	margin-top: 20px;
	padding: 20px 0;
	background: url("../images/line.gif") top left repeat-x;
	width: 440px;
	overflow: hidden;
}

div#description div.client ul {
	margin: 0 0 10px;
	padding: 0;
	list-style: none;
}

div#description div.client li {
	padding: 0 0 0 10px;
	font-weight: bold;
	background: url("../images/works_li.gif") center left no-repeat;
}

div#description div.client p.cap {
	margin: 0 20px 0 0;
	padding: 4px;
	border: 1px solid #CFD4DE;
	float: left;
	width: 160px;
}

div#description div.client dl {
	margin: 0;
	float: left;
	width: 250px;
}

div#description div.client dt {
	padding: 0;
	font-size: 12px;
	background: none;
}

div#description div.client dd {
	padding: 0 0 10px;
	background: none;
	
}

div#client-other {
	margin-top: 20px;
	padding: 20px 0;
	background: url("../images/line.gif") top left repeat-x;
	width: 440px;
	overflow: hidden;
}
	div#client-other h3 {
		font-size: 14px;
		font-weight: bold;
	}
	div#client-other p {
		font-size: 10px;
	}
	div#client-other dl {
		padding: 10px 0;
	}
		div#client-other dt {
			padding: 5px 0 5px 10px;
			font-weight: bold;
			background: url("../images/works_li.gif") left 10px no-repeat;
			width: 200px;
			float: left;
			font-size: 12px;
			color: #525252;
		}
		div#client-other dd {
			padding: 5px 0;
			width: 230px;
			float: left;
			background: none;
		}
	
/*==========================================
	STEPの設定
==========================================*/

div#flow {
	position: absolute;
	top: 10px;
	right: 0px;
	width: 520px;
}

div#flow h3 {
	float: left;
}

/*==========================================
	オーダーフォームの設定
==========================================*/

div#orderform {	
	margin-top: 20px;
	padding: 30px 0;
	width: 362px;
	background: #F4F1EC;
	border: solid 9px #CFD4DE;
	float: left;
}

div#orderform p.error {
    margin: 0 0 10px;
    color: #FF0000;
}
div#orderform ul.errorlist {
    color: #FF0000;
    list-style-type: none;
    font-size: 10px;
}

div#orderform form {
	padding: 0 30px;
}

div#orderform h4 {
	font-size: 12px;
}

div#orderform img {
	margin: 0px 5px 0 0;
}

div#orderform p.order {
	margin: 5px 0 20px;
	font-size: 18px;
}

div#orderform span {
	margin-right: 4px;
	font-size: 20px;
	font-weight: bold;
}

div#orderform span.order-date {
	font-size: 12px;
	color: #FF4700;
}

div#orderform hr {
	margin: 10px -10px 30px;
	border-top: 1px solid #CFD4DE;
	border-bottom: 1px solid #F4F1EC;
	border-right:  1px solid #F4F1EC;
	border-left:  1px solid #F4F1EC;
	width: 105%;
}
* html div#orderform hr {
	margin: 0 -10px 20px;
}

div#orderform fieldset {
	border: none;
}

div#orderform dt {
	float: left;
	width: 100px;
}

div#orderform dd {
	margin: 0 0 15px 110px;
}

div#orderform dd span {
	margin-left: 15px;
	font-size: 12px;
	font-weight: normal;
}

div#orderform dt.comment {
	float: none;
}

div#orderform dd.comment {
	margin: 0;
}

div#orderform .text-box,
div#orderform textarea#text {
	padding: 2px;
	background: url(../images/form_back.gif) #FFFFFF no-repeat;
	border-top: 1px solid #4B5559;
	border-right: 1px solid #C2D6DE;
	border-bottom: 1px solid #D3E1E7;
	border-left: 1px solid #708086;
}

div#orderform .text-box:hover,
div#orderform .text-box:focus,
div#orderform textarea#text:hover,
div#orderform textarea#text:focus {
	border:2px solid #FFC600;
	padding:1px 2px;
}

div#orderform .text-box {
	width: 180px;
}

div#orderform textarea#text {
	margin-top: 5px;
	width: 286px;
}

div#orderform .check {
	margin-right: 2px;
}

div#orderform span.nondiscount {
    color: #E4078A;
    text-decoration: line-through;
}

div#orderform p.total {
	margin: 10px 0 15px;
	text-align: center;
	font-size: 18px;
}

div#orderform span.total {
	font-size: 26px;
	color: #E4078A;
}

div#orderform p.come {
	text-align: left;
	font-size: 10px;
	color: #FF4700;
}

div#orderform p.submit {
	margin-top: 30px;
}
* html div#orderform p.submit {
	text-align: center;
}
*:first-child+html div#orderform p.submit {
	text-align: center;
}

 
dl.hidden-field {
    visibility: hidden;
}

/*お問い合わせ*/

div#orderform h4.contact {
	font-size: 18px;
	text-align: center;
}

div#orderform form.contact {
	padding: 0 20px;
}

div#orderform form.contact dt {
	float: left;
	width: 130px;
}

div#orderform form.contact dd {
	margin: 0 0 15px;
}

div#orderform form.contact .text-box {
	width: 170px;
}

div#orderform form.contact dd.comment textarea#text {
	width: 302px;
}

div#orderform form.contact p {
	padding: 10px 0 0;
	font-size: 10px;
	color: #FF4700;
}

div#orderform form.contact p.submit {
	margin-top: 10px;
	text-align: center;
}

/*==========================================
	order_nowの位置指定
==========================================*/

div.ordernow {
	position: absolute;
	top: 120px;
	right: 0;
}


/*==========================================
	フッター指定
==========================================*/

div#footer {
	margin: 30px 0 0;
	padding: 10px 0;
	background: #33CC99;
}

div#footerarea {
	margin: 0 auto;
	width: 840px;
}

div#footerarea ul {
	list-style-type: none;
	float: left;
}


div#footerarea li {
	padding: 5px 10px 7px;
	display: inline;
	background: url(../images/footer_li.gif) center left no-repeat;
}

div#footerarea a {
	color: #4C3401;
	text-decoration: none;
}

div#footerarea a:hover {
	background: #FFD689;
}

address {
	float: right;
} 

/* for jquery ui slider */
.ui-slider-handle {
    position: absolute;
    height: 23px;
    width: 12px;
    top: 8px;
    left: 0px;
    background: url(../images/slider.gif);
}
.ui-slider-disabled
.ui-slider-handle {
    /*opacity: 0.5;
    filter: alpha(opacity=50);*/
}
.ui-slider-1 {
	padding: 10px;
    width: 200px;
    height: 23px;
    float: left;
    position: relative;
    background: url(../js/themes/flora/i/slider-bg-1.png) center center no-repeat;
}

.special-news {
    margin: 20px 0;
    padding: 10px;
    border: solid 3px #CCC;
    background: #EEE;
}
.special-news strong {
    font-weight: bold;
}
.special-news p {
    margin: 10px 0;
}

/* ##### tkawakami ##### */
div#links {
	background:#333333;
}
div#links p{
	width: 840px;
	margin: 0 auto;
	height:20px;
	text-align:right;
	color:#FFFFFF;
}
div#links a{
	color:#FFCC00;
}
ul#service span.star{
	color:#996600;
}
ul#prepare {
	margin-bottom: 20px;
	list-style-type: none;
}

ul#prepare li {
	margin-bottom: 10px;
}
ul#prepare span.star{
	color:#FF9900;
}