@charset "utf-8";

/* 共通 */

#main2 {
	width:540px;
	float:left;
	background:url(../images/cmn/main_bk.gif) left top repeat-y;
}

#main3 {
	width:540px;
	float:left;
}

#main3 #catchCopy{
	height:110px;
	text-indent:-9999px;
}

#main2 form {
	margin-left:40px;
	line-height:3;
}

#title{
	height:100px;
	clear:left;
	width:800px;
	margin:0 auto;
	background:url(../images/web/title.jpg) left top no-repeat;
	text-indent:-9999px;
	}
	
#titleDtp{
	height:100px;
	clear:left;
	width:800px;
	margin:0 auto;
	background:url(../images/dtp/title.jpg) left top no-repeat;
	text-indent:-9999px;
	}
	
#titleIllustration{
	height:100px;
	clear:left;
	width:800px;
	margin:0 auto;
	background:url(../images/illustration/title.jpg) left top no-repeat;
	text-indent:-9999px;
	}
	
#dtp{
	background:url(../images/dtp/copy.jpg) left top no-repeat;
	}
	
#illustration{
	background:url(../images/illustration/copy.jpg) left top no-repeat;
	}
	
#dtp p , #illustration p{
	margin:0 20px 0 40px;
}


#showcaseTitledtp{
	background:url(../images/dtp/showcase.jpg) left top no-repeat;
	height:100px;
	text-indent:-9999px;
}

#showcaseTitleillustration{
	background:url(../images/illustration/showcase.jpg) left top no-repeat;
	height:100px;
	text-indent:-9999px;
}

#showcaseTopic{
	background:url(../images/cmn/main_bk.gif) left top repeat-y;
}

#showcaseTopic h4{
	clear:left;
	padding:3px 10px;
	margin:0 20px 10px 40px;
	background:#999999;
	color:#ffffff;
	}
	
#showcaseTopic p , #showcaseTopic ul {
	padding-bottom:1em;
	}
	 
#showcaseTopic ul li{
	 margin:0 20px 0 60px;
	 list-style-type:disc;
	 font-size:86%;
	 }

.item {
	padding:0 15px 10px 0;
	float:left;
	background:url(../images/web/imagebk.jpg) left top no-repeat;
	}
	
.itemM {
	clear:left;
	float:left;
	margin:0 10px 10px 40px;
	}
	
.itemL{
	 margin:10px 20px 10px 40px;
	 float:left;
	 }
	 
.jackets {
	margin:10px 10px 10px 40px;
	}
	
.jackets:after {  
    content: ".";  
    display: block;  
    visibility: hidden;  
    height: 0.1px;  
    font-size: 0.1em;  
    line-height: 0;  
    clear: both;  
} 

*:first-child+html.jackets {/* IE 7 */
	display: inline-block;  
}

#question{
	background:url(../images/web/question.jpg) left top no-repeat #ffffff;

}

#question h2{
	height:100px;
	text-indent:-9999px;
}

#example {
	margin:20px 10px 10px 20px;
	border:1px solid #cccccc;
	background:#dddddd;
	padding:20px 10px 0 10px;
}

#example h3{
	margin:0 0 10px 10px;
	padding-left:1em;
	border-left:5px solid #999999;
	
	}
	
#example h4{
	margin:0 0 10px 15px;
	}
	
#example ul{
	margin-bottom:1.5em;
	}
	
#example ul li{
	list-style-type:circle;
	margin-left:2em;
	}
	
#example dl{
	margin:0 0 1.5em 2em;
	}
	
#example dl dt{
	clear:left;
	float:left;
	width:11em;
	}

#workflow{
	background:url(../images/web/workflow.jpg) left top no-repeat;
	}
	
#workflow h2{
	height:80px;
	text-indent:-9999px;
	}
	
#workflow h2 a{
	display:block;
	height:90px;
	}
	
.workflow h3{
	margin-left:30px;
	}
	
	

	
#workflow p, #price p , #case p {
	margin-bottom:10px;
	}
	
#price{
	background:url(../images/web/price.jpg) left top no-repeat;
	}
	
#price h2{
	height:90px;
	text-indent:-9999px;
	}
	
#price h2 a{
	display:block;
	height:90px;
	}
	
#case{
	background:url(../images/web/showcase.jpg) left top no-repeat;
	}
	
#case h2{
	height:90px;
	text-indent:-9999px;
	}
	
#case h2 a{
	display:block;
	height:90px;
	}

	
.links2 {
	margin-left:30px;
	padding-left:15px;
	background:url(../images/cmn/showcase_icon.gif) left 0.1em no-repeat;
}

.orange {
	color:#FF6600;
	}
	
#flowTitle {
	height:80px;
	background:url(../images/web/flow_title.jpg) left top no-repeat;
	text-indent:-9999px;
	}
	
#flowCopy {
	height:94px;
	background:url(../images/web/flow_title.jpg) left -80px no-repeat;
	text-indent:-9999px;
	}
	
#priceTitle {
	height:80px;
	background:url(../images/web/price_title.jpg) left top no-repeat;
	text-indent:-9999px;
	}
	
#priceCopy {
	height:94px;
	background:url(../images/web/price_title.jpg) left -80px no-repeat;
	text-indent:-9999px;
	}	
	
	
#showcaseTitle {
	height:80px;
	background:url(../images/web/showcase_title.jpg) left top no-repeat;
	text-indent:-9999px;
	}
	
#showcaseCopy {
	height:94px;
	background:url(../images/web/showcase_title.jpg) left -80px no-repeat;
	text-indent:-9999px;
	}
	
#telTitle {
	height:80px;
	background:url(../images/cmn/tel_title.jpg) left top no-repeat;
	text-indent:-9999px;
	}
	
#telNumber {
	height:30px;
	background:url(../images/cmn/tel_title.jpg) left -80px no-repeat;
	text-indent:-9999px;
	}
	
#telCopy {
	background:url(../images/cmn/tel_title.jpg) left -110px no-repeat;
	padding:20px 0 10px 30px;
	}
	
#skype {margin-left:40px;}

#formTitle {
	height:100px;
	background:url(../images/cmn/form_title.jpg) left top no-repeat;
	text-indent:-9999px;
	}
	
#thanksTitle {
	height:174px;
	background:url(../images/cmn/thanks_title.jpg) left top no-repeat;
	text-indent:-9999px;
	}
	
	
	
	
.topic {
	padding:0 20px 10px 40px;
	}
	
.topic:after {  
    content: ".";  
    display: block;  
    visibility: hidden;  
    height: 0.1px;  
    font-size: 0.1em;  
    line-height: 0;  
    clear: both;  
} 

*:first-child+html.topic {/* IE 7 */
	display: inline-block;  
}  

	
.topic h4{
	clear:left;
	padding:3px 10px;
	margin:10px 0;
	background:#999999;
	color:#ffffff;
	}
	
.topic ol {
	margin-top:1em;
	}
	
.topic ol li img{
	float:right;
	}
	
.topic ol li{
	list-style-type:decimal;
	padding-bottom:1em;
	margin:0 10px 1em 20px;
	border-bottom:1px dotted #dddddd;
	}
	
table {
	width:460px;
	margin:2em 0 2em 10px;
	}

caption {
	background:#dddddd;
	padding:2px 5px;
	margin-bottom:5px;
	text-align:left;
	font-weight:bold;
	}
	
th {
	text-align:left;
	padding:5px 0 5px 10px;
	}
	
td {
	text-align:right;
	padding-right:10px;
	}
	
tfoot {
	padding-left:10px;
	}
	
.caution {
	font-size:86%;
	padding:1em 1em 0 1em;
	border:1px solid #cccccc;
	background:#dddddd;
	margin-bottom:1em;
	}
	
.caution li{
	margin-bottom:1em;
	}
	
.site {
	padding:23px 15px 10px 0;
	float:left;
	background:url(../images/web/imagebk.jpg) left top no-repeat;
	margin-bottom:10px;
	}

.siteS {
	padding:0 5px 10px 5px;
	float:left;
	}
	
#priceDown {
	margin:10px 20px 10px 40px;
	padding:10px 10px 10px 90px;
	background:url(../images/cmn/off.gif) left center no-repeat #FF6600;
	color:#ffffff;
}

#priceDown h4{
	font-size:120%;
}

.smallText {
font-size:86%;
}