.main {
	margin:10px 20px 50px 40px;
	text-align: left;
	line-height: 130%;
	}

.main p{
	margin: 10px 0px 0px 0px;
	}
	

.main span.myem01 {
    color : #df3060;
	font-weight: bold;
}

.main ul li{
	padding: 0px 0px 0px 10px;
	margin : 5px 30px 0px 20px;
}


h2.xxx {
    background-image : url(../images/b_o-h2.gif);
    background-repeat: no-repeat;
    font-size : 110%;
    color: #ffffff;
    margin: 40px 0px 20px -20px !important ;
    padding: 2px 0px 5px 20px !important;
}

h2.xxx  a{ color : white !important

}

h3.h3_waku {
    background-image : url(/images/b_h3.gif);
    background-repeat: no-repeat;
    font-size : 110%;
    color: #333333;
    height: 30px;
    margin: 30px 0px 0px -20px;
    padding: 5px 0px 0px 20px;
}
h3.h3_dot{
    font-size : 110%;
    color: #333333;
    margin: 30px 0px 20px -10px;
    padding: 0px;
	border-bottom: #ffbf80 4px dotted;
}
h3.h3_a{
    font-size : 110%;
    color: #ff7f00;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.linknavi {
	margin : 20px 10px 30px 100px ;
	}
	
.linknavi p{
	margin-top : 10px;
	font-size:90%;
	padding: 0px 0px 0px 20px ;
	background-image:url('/images/i_link.gif');
	background-repeat:no-repeat; 
	}

.lead {
	BORDER: #FF0000 3px double;
	margin:20px 20px 20px 20px;
	padding-bottom:30px;
	}

.lead p.midashi1 { 
	font-size: 120%; 
	font-weight: bold; 
	margin:20px 20px 20px 20px;
	text-align: center; 
	COLOR: #ff0000;
	}

.lead p.idt1 { 
	font-size: 120%; 
	font-weight: bold; 
	margin:20px 20px 0px 30px;
	line-height:130%; 
	text-align: left; 
	}

.lead p.idt2 { 
	font-size: 120%; 
	font-weight: bold; 
	margin:10px 10px 0px 100px;
	line-height:130%; 
	text-align: left; 
	}

.sub1 {
	font-weight: bold;
	font-size: 110%;
	text-align: center;
	line-height: 130%;
	margin:20px 0px 20px 0px;
	color:#FF9900;
	}


    
.mokuji{
	margin:10px auto 10px auto;
}


/* ----------------------------*/
.box {
    clear: both;
    width: 510px;
    margin: 0px;
    padding: 0px;
}
.box ul{
    list-style:none;
    margin: 0px;
    padding:0px;
}
.box li{
    list-style:none;
    padding: 0px;
    margin: 0px;
    background : url(../images/i_list-o.gif) left top;
    background-repeat:no-repeat;
    text-align:left;
    line-height: 150%;
}
.box_faq {
    vertical-align:top;
    float : left;
    width: 30px;
    height: 30px;
    margin: 0px;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}
.box_cap {
    vertical-align:top;
	float : left;
    width: 470px ;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}


.box_g {
    background-color: #ececec;
    width: 495px;
    margin: 0px 20px 20px -20px;
    padding: 10px 4px 10px 20px;
    border : #a8a8a8 1px solid;
}

.box_y {
    background-color: #ffffe6;
    width: 495px;
    margin: 0px 20px 20px -20px;
    padding: 10px 4px 10px 20px;
    border : #a8a8a8 1px solid;
}

.box_y dl{
	margin : 10px 5px 10px 0px ;
}

.box_y dt{
	text-align : left ;
	font-weight : bold ;
	margin : 0px 0px 0px 0px ;
	padding: 20px 0px 10px 0px;
}
.box_y p {
	margin : 0px 0px 0px 20px ;
}

.box_p {
    background-color: #faebd7;
    width: 490px;
    text-align: left;
    margin: 20px auto 20px auto;
    padding: 30px auto 30px auto;
    border : #ff7f00 1px solid;
}

.box_p dl{
	margin : 20px 5px 10px 80px ;
}

.box_p dt{
	text-align : left ;
	margin : 0px 0px 0px 0px ;
	padding: 20px 0px 5px 0px;
}
.box_p p {
	margin : 0px 0px 0px 27px ;
}

/* 分割0 ------------------------------*/
table.table_0bun {
    border-collapse: collapse;
    border: #ff7f00 1px solid;
}
table.table_0bun th  {
    font-size: 90%;
	font-weight: normal;
    white-space: nowrap;
    background-color: #faebd7;
    border-collapse: collapse;
    border: #ff7f00 1px solid;
	vertical-align:top;	
    padding: 3px;
}
table.table_0bun td  {
    text-align: left;
    font-size: 85%;	
    width: 80%;
    border-collapse: collapse;
    border: #ff7f00 1px solid;
    background-color: #fffbcd;
	vertical-align:top;	
    padding: 3px;
}

/* サービス表 ------------------------ */
table.table_service {
    width: 490px;
    border-collapse: collapse;
    border: #ff7f00 1px solid;
}
table.table_service th  {
    text-align: left;
    font-size: 90%;
    width: 190px;
	font-weight: normal;
    white-space: nowrap;
    background-color: #faebd7;
    border-collapse: collapse;
    border: #ff7f00 1px solid;
	vertical-align:top;	
    padding: 3px;
}
table.table_service td  {
    text-align: left;
    font-size: 85%;	
    border-collapse: collapse;
    border: #ff7f00 1px solid;
	vertical-align:top;	
    padding: 3px;
}

/* HPとblogの比較表 ------------------*/
table.table_4bun {
    width: 510px;
    border-collapse: collapse;
    border: #ff7f00 1px solid;
}
table.table_4bun th  {
    font-size: 90%;
	font-weight: normal;
    white-space: nowrap;
    background-color: #faebd7;
    border-collapse: collapse;
    border: #ff7f00 1px solid;
	vertical-align:top;	
    padding: 3px;
}
table.table_4bun td  {
    text-align: left;
    font-size: 85%;	
    width: 25%;
    border-collapse: collapse;
    border: #ff7f00 1px solid;
	vertical-align:top;	
    padding: 3px;
}

/* 業者・自作　比較表 ----------------*/
table.table_2bun {
    width: 510px;
    border-collapse: collapse;
    border: #ff7f00 1px solid;
}
table.table_2bun th  {
    font-size: 90%;
	font-weight: normal;
    white-space: nowrap;
    background-color: #faebd7;
    border-collapse: collapse;
    border: #ff7f00 1px solid;
	vertical-align:top;	
    padding: 3px;
}
table.table_2bun td  {
    text-align: left;
    font-size: 85%;	
    width: 50%;
    border-collapse: collapse;
    border: #ff7f00 1px solid;
	vertical-align:top;	
    padding: 3px;
}

.hyoka_o {
	font-weight: bold;
    font-size: 110%;
    margin: 3px 3px 6px;
    color: rgb(249,46,2);
    text-align: center
;}
.hyoka_x {
	font-weight: bold;
    font-size: 110%;
    margin: 3px 3px 6px;
    color: rgb(90,81,159);
    text-align: center
;}
.hyoka_v {
	font-weight: bold;
    font-size: 110%;
    margin: 3px 3px 6px;
    color: rgb(80,165,75);
    text-align: center;
}


/* FAQリンクリスト枠 -------------------------*/
table.table_faq {
    border-collapse: collapse;
    padding: 0px;
    margin: 10px;
}
table.table_faq td {
    background-color: #ececec;
    padding: 3px;
    border-collapse: collapse;
    border-top: #999999 1px  dashed;
    border-bottom: #999999 1px  dashed;
}

/* ノーマル枠 -------------------------*/
table.table_orange {
    padding: 0px;
    margin: 0px;
    border: #ff7f00 1px solid;
}
table.table_orange td {
    padding: 8px;
}


/* お客様のブログ -------------------------*/


.memblog_box {
    background-color: RGB(255,247,229) ;
    width: 92%;
    margin: 5px 10px 50px -0px;
    padding: 10px 15px 20px 15px;
    border : RGB(226,165,131) 1px solid;
	border-top : 7px solid RGB(215,128,81) ;
	clear : both ;
	height : 150px ;
	min-height : 150px
}

*>.memblog_box{
	height : auto ;
}


div.memblog_box p{
	padding-left : 1em ;
	line-height: 17pt;
}

.memblog_box a , .memblog_box a:visited   {
	text-decoration: underline !important ;
	color : RGB(37,47,218)  ;
}

.memblog_box .memblog_box {}

.memblog_box .memblog_midashi{
	background-image:url(../images/memblog_h3_bg.gif);
	background-position:top;
	padding : 8px 10px 4px 10px;
	color : RGB(28,23,19);
	margin : -10px -4px 10px -20px !important ;
	font-size : 90% ;
	border-bottom : 1px RGB(255,222,147) solid ;
}



div.memblog_new div.memblog_box {
	background-color: RGB(251,255,230) ;
	border-color : RGB(180,209,101) ;
}

.memblog_box .url{
	font-weight : normal ;
	font-size : 100% ;
	font-family:Arial, Helvetica, sans-serif ;
	letter-spacing : 0px ;
	color : RGB(28,23,19) ;
	margin-top : 1px ;
	text-align : right ;
}




.memblog_box img.memblog{
	float : right ;
	margin-top : 4px ;
	margin-right : 0px ;
	margin-left : 20px ;
	margin-bottom : 20px;
}

.memblog_box div.memblog_box p{
	margin-top  : 7px ;
	margin-bottom  : 7px  ;
	line-height : 1.5 ;
	font-size : 98% ;
}



h4.memblog{
	font-size : 105% ;
	margin : 25px 0px 20px 0px ;
	letter-spacing: 1px ;
	color : black;
	clear : both ;
}

h4.sub_memblog{
	font-size : 90% ;
	margin : 20px 0px 10px 0px ;
	letter-spacing: 1px ;
	color : RGB(113,61,17);
	clear : both ;
}

p.sub_description{
	margin-left : 1px ;
	margin-right : 20px ;
}

div.customer_name{
	margin-top : 2em ;
	margin-right : 20px ;
	border : 1px solid RGB(226,147,82) ;
	padding : 5px 10px;
	background-color : RGB(251,216,168) ;
	font-weight : bold ;
	color : RGB(49,29,2) ;
}

div.customer_voice{
	margin-right : 20px ;
	margin-bottom : 30px ;
	border : 1px solid RGB(226,147,82) ;
	border-top-width : 0px ;
	padding : 10px ;
	background-color : RGB(254,245,233) ;
}

img.voice_face{
	float : left ;
	margin-right : 10px ;
	border : 1px solid silver ;
}


/* お客様のブログ_コメント入り -------------------------*/

div.memblog_box2 {
    background-color: RGB(255,247,229) ;
    width: 92%;
    margin: 5px 10px 30px -0px;
    padding: 10px 15px 20px 15px;
    border : RGB(226,165,131) 1px solid;
	border-top : 7px solid RGB(215,128,81) ;
}

div.memblog_box2 div.face{
	float : right ;
	font-size : 12px ;
	text-align : center ;
	margin-bottom : 10px ;
}

div.memblog_box2 div.face img{
	border : 1px solid gray ;
	margin: 10px 10px 0px 10px ;
}

div.memblog_box2 img.catch {
	position : relative ;
	left : -4px ;
	margin-top : 5px ;
	display:block;
}

div.memblog_box2 img.capture{
	float : right ;
	border : 1px solid gray ;
	margin : 12px 0px 10px 5px ;
}

div.memblog_box2 p{
	padding-left : 1em ;
	line-height: 17pt;
}

div.memblog_box2 p.data{
	padding-left : 5px ;
	margin-top : 15px ;
}

div.memblog_box2 a , div.memblog_box2 a:visited  {
	text-decoration: underline;
}

div.memblog_box2 a:hover{

}




/* テンプレートプレビューツール */

div#design_preview_tool{
	width : 493px ;
	font-size : 85% ;
	padding : 7px 10px ;
	background-image:url(/or/images/design_preview_tool_06.jpg);
	background-repeat:repeat-y;
	border-bottom : 2px solid RGB(91,116,183) ;
}

div#design_preview_tool img.title{
	display : block ;
	margin : -7px -10px 10px -10px ;
}

.preview_tool{
	background-image:url('') !important;
}

.preview_tool a{
	display : block ;
	width : 178px ;
	height : 95px ;
	background-image:url(/or/images/preview_banner.gif);
	background-repeat:no-repeat;
}

.preview_tool a:hover{
	background-image:url(/or/images/preview_banner_hover.gif);
}