@charset "UTF-8";
/*
 Browzer Reset 
---------------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}
/*
 set up 
---------------------------------------------------------- */
body {
	font-size:90%;
	background:#ffffff;
	font-family:"verdana", "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:120%;
	color:#333333;
}
p, li {
	line-height:160%;
}
p {
	margin:0 0 1em 0;
}
li {
	list-style-type:none;
}
img {
	border:0;
}
.cl {
	clear:both;
}
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/*
 Link Color 
----------------------------------------------------------- */
a {
	text-decoration:none;
}
a:link {
	color:blue;
}
a:visited {
	color:#0C8EF2;
}
a:hover {
	text-decoration:underline;
}
a:active {
	color:blue;
}
/*
 Site Size
----------------------------------------------------------- */
#wrap {
	width:870px;
	height:auto;
	margin:0 auto;
}
/*
 header
----------------------------------------------------------- */
#head {
	width:870px;
	height:120px;
	margin:10px 0 0 0;
}
#head h1 {
	width:183px;
	height:95px;
	background-image:url(../img/blogdesign_logo.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent:-9999px;
	float:left;
}
#head h1 a {
	width:183px;
	height:95px;
	display:block;
}
#head .phone {
	float:right;
	width:306px;
	height:95px;
	background-image:url(../img/phone.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent:-9999px;
}
/*
 Menu 
---------------------------------------------------------- */

#navi {
	width:870px;
	height:44px;
	margin:0 auto;
	clear:both;
}
#navimage {
	background-repeat:no-repeat;
	height:44px;
	position:relative;
	width:870px;
}
#navi li {
	display:inline;
}
#navi li a {
	background-image:url(../img/tab.jpg);
	background-repeat:no-repeat;
	float:left;
	height:0pt;
	overflow:hidden;
	padding-top:44px;
	width:124px;
}
#navi li#contact a {
	background-image:url(../img/tab.jpg);
	background-repeat:no-repeat;
	float:left;
	height:0pt;
	overflow:hidden;
	padding-top:44px;
	width:126px;
}
#navi li#home a {
	background-position:0px 0px;
}
#navi li#service a {
	background-position:-124px 0px;
}
#navi li#bloglist a {
	background-position:-248px 0px;
}
#navi li#step a {
	background-position:-372px 0px;
}
#navi li#company a {
	background-position:-496px 0px;
}
#navi li#faq a {
	background-position:-620px 0px;
}
#navi li#contact a {
	background-position:-744px 0px;
}
#navi li#home a:hover {
	background-position:0px -44px;
}
#navi li#service a:hover {
	background-position:-124px -44px;
}
#navi li#bloglist a:hover {
	background-position:-248px -44px;
}
#navi li#step a:hover {
	background-position:-372px -44px;
}
#navi li#company a:hover {
	background-position:-496px -44px;
}
#navi li#faq a:hover {
	background-position:-620px -44px;
}
#navi li#contact a:hover {
	background-position:-744px -44px;
}
/*
 banner
---------------------------------------------------------- */
.banner {
	width:870px;
	height:267px;
	margin:20px 0;
}
.more {
	background-image:url(../img/more-arrow.gif);
	background-position:100% 50%;
	background-repeat:no-repeat;
	padding:0 7px 0 0;
	white-space:nowrap;
}
/*
 table
---------------------------------------------------------- */
#table {
	background-image:url(../img/table.jpg);
	background-repeat:no-repeat;
	width:870px;
	height:217px;
	font-size:0.85em;
}
#table .navispace {
	width:870px;
	height:32px;
}
#table .plan-name {
	padding:18px 0 0 20px;
	width:198px;
	height:73px;
	float:left;
}
#table .info {
	padding:17px 0 0 10px;
	width:305px;
	height:75px;
	float:left;
}
*:first-child+html #table .info {
	padding:17px 0 0 10px;
	width:305px;
	height:75px;
	float:left;
}
*html #table .info {
	padding:17px 0 0 10px;
	width:305px;
	height:75px;
	float:left;
}
#table .value {
	padding:25px 0 10px 30px;
	margin:0 10px 0 0;
	width:135px;
	height:45px;
	float:left;
}
#table .value2 {
	padding:30px 5px 10px 24px;
	margin:0 10px 0 0;
	width:135px;
	height:45px;
	float:left;
}
#table .value3 {
	padding:25px 0px 10px 30px;
	margin:0 20px 0 0;
	width:125px;
	height:45px;
	float:left;
}
#table .value4 {
	padding:25px 5px 10px 25px;
	margin:0 20px 0 0;
	width:128px;
	height:45px;
	float:left;
}
#table .value5 {
	padding:13px 0 10px 38px;
	width:128px;
	height:66px;
	float:left;
	margin:0 10px 0 0;
}
#table .get {
	padding:12px 0 0 18px;
	width:140px;
	height:75px;
	float:left;
}
#table .get a:hover img {
	opacity: 0.8; /* IE以外透過設定 */
	filter: Alpha(opacity=80); /* IE用透過設定 */
}
#table .getsample {
	padding:5px 0 0;
}
#table .getsample2 {
	padding:5px 0 0 2px;
}
/*
 service
---------------------------------------------------------- */
#title {
	width:870px;
	height:50px;
	margin:10px 0 20px;
}
.serviceplan {
	margin:30px 0 10px;
}
.sr_title {
	float:left;
	width:150px;
	padding:2px 0 0 0;
}
.sr_content {
	float:left;
	width:600px;
	margin:0 0 0 20px;
}
.sr_space {
	margin:10px 0;
}

table.service {
	width:870px;
	background-color: #b5d3eb;
}
table.service p {
	padding:0px 0;
}
table.service tr {
	border-bottom:1px solid #e9e9e9;
}
table.service tr th {
	padding:10px 20px 10px 20px;
	background-color: #cee8ff;
	text-align:left;
	font-weight:bold;
	color:#000066;
	height:40px;
	width:120px;
}
table.service tr td {
	padding:10px 10px 10px 20px;
	width:650px;
	background-color:#FFFFFF;
}
/*---------------------------------------------------------- */
table.service_hikaku {
	width:870px;
	background-color: #b5d3eb;
	font-size:0.8em;
}
table.service p {
	padding:0px 0;
}
table.service_hikaku tr {
	border-bottom:1px solid #e9e9e9;
}
table.service_hikaku tr th {
	padding:10px;
	_padding:10px 0 10px 0px;
	background-color: #cee8ff;
	text-align:center;
	font-weight:bold;
	color:#000066;

}
table.service_hikaku tr th.mt_th {
	padding:10px;
	background-color: #cee8ff;
	text-align:center;
	font-weight:bold;
	color:#000066;
	width:320px;
}
table.service_hikaku tr th.koumoku {
	padding:10px 10px 10px 10px;
	background-color: #f1f1f1;
	text-align:left;
	font-weight:bold;
	color:#000066;
	width:140px;
}
table.service_hikaku tr td {
	padding:10px;
	_padding:10px 0 10px 0px;

	text-align:center;
	background-color:#FFFFFF;
}
table.service_hikaku tr td.left-text {
	padding:10px;
	_padding:10px 10px 10px 10px;

	text-align:left;
	background-color:#FFFFFF;
}
table.service_hikaku .mt_table {
	padding:10px;
	width:320px;
	text-align:center;
	background-color:#FFFFFF;
}

td img.orderbtn {
	width:250px;
	margin:0 0 0 290px;
}
table.service td a:hover img {
	opacity: 0.8; /* IE以外透過設定 */
	filter: Alpha(opacity=80); /* IE用透過設定 */
}
ul.plantype {
    margin:0 0 0 25px;
}
ul.plantype li {
    list-style-type:upper-roman;
}
/*
 bloglist
---------------------------------------------------------- */
table.bloglist {
	margin:50px 0 0 0;
	background-color: #b5d3eb;
}
table.bloglist tr {
	border-bottom:1px solid #e9e9e9;
}
table.bloglist tr th {
	padding:10px 20px;
	background-color: #cee8ff;
	text-align:left;
	font-weight:bold;
	color:#000066;
	width:500px;
}
table.bloglist tr th.kahi {
	padding:10px;
	background-color: #cee8ff;
	text-align:center;
	font-weight:bold;
	color:#000066;
	width:100px;
}
table.bloglist tr td {
	padding:10px 10px 10px 20px;
	width:120px;
	background-color:#FFFFFF;
}
table.bloglist tr td.kahi {
	padding:10px;
	width:100px;
	text-align:center;
	background-color:#FFFFFF;
}
table.bloglist tr td.not {
	padding:10px 10px 10px 20px;
	width:120px;
	background-color:#efefef;
}
table.bloglist tr td.not2 {
	padding:10px;
	width:100px;
	text-align:center;
	background-color:#efefef;
}
.fontbloglist {
	color:#FF0000;
	font-weight:bold;
	text-decoration:underline;
}
.blue {
	color:#0000FF;
}
.fontsmall {
	font-size:0.85em;
	color:#666666;
}
/*
 step
---------------------------------------------------------- */
#step-footer {
	background-color:#efefef;
	border:1px solid #CCCCCC;
	padding:0 0 10px 0;
}
.stepend {
	margin:0 0 0 30px;
}
.stepend li {
	list-style-type:disc;
	font-size:0.85em;
}
.step_atn {
	font-size:1em;
	padding:0 10px 0;
	margin:10px 0 10px 10px;
	border-left:8px solid #000066;
	font-weight:bold;
	color:#000033;
}
#stepimg {
	background-image:url(../img/step.jpg);
	background-repeat:no-repeat;
	width:870px;
	height:465px;
	margin:0 0 25px;
}
.steptext {
	width:240px;
	height:200px;
	padding:70px 0 0 15px;
	margin:0 45px 0 0;
	font-size:0.8em;
	float:left;
}
.steptext2 {
	width:240px;
	height:200px;
	padding:70px 0 0 15px;
	font-size:0.8em;
	float:left;
}
.steptext3 {
	width:240px;
	height:200px;
	padding:35px 0 0 15px;
	margin:0 45px 0 0;
	font-size:0.8em;
	float:left;
}
.steptext4 {
	width:240px;
	height:200px;
	padding:35px 0 0 15px;
	font-size:0.8em;
	float:left;
}
/*
 company
---------------------------------------------------------- */
table.companyt {
	width:870px;
	background-color: #c9c9c9;
}
table.companyt p {
	padding:0px 0;
}
table.companyt tr {
	border-bottom:1px solid #e9e9e9;
}
table.companyt tr th {
	padding:10px 0px 10px 40px;
	background-color: #f7f7f7;
	text-align:left;
	color:#252525;
	border:1px solid #ffffff;
	height:40px;
	width:80px;
}
table.companyt tr td {
	padding:10px 10px 10px 20px;
	width:650px;
	background-color:#FFFFFF;
}
/*
 faq
---------------------------------------------------------- */
.faqtitle {
	font-weight:bold;
	font-size:1.3em;
	margin:15px 0 15px 5px;
	padding:0 0 0 10px;
	border-left:5px solid #000066;
	border-bottom:1px solid #000066;
}
ul.faqtype {
	margin:0 0 35px 25px;
}
.faqtype li {
	list-style-type:disc;
	padding:0 0 5px 0;
}
dl.qa {
	margin:10px 0 0 0;
}
.qa dt {
	background-color:#cee8ff;
	border:1px solid #b5d3eb;
	padding:10px;
	font-weight:bold;
}
dt.faqsr {
	background-color:#cee8bb;
	border:1px solid #b5d3bb;
	padding:10px;
	font-weight:bold;
}
dt.faqcost {
	background-color:#FFFFCC;
	border:1px solid #FFCC66;
	padding:10px;
	font-weight:bold;
}
dt.faqmt {
	background-color:#FFC1E0;
	border:1px solid #FF51A8;
	padding:10px;
	font-weight:bold;
}
.qa dd {
	padding:25px 0 0 25px;
}
.qasub {
	border-top:1px dotted #999999;
	padding:2px 0 0 0;
	margin:30px 0 40px 0;
	font-size:0.65em;
}
.faqspace {
	margin:500px 0;
}
ul.faq_list_mt {
	margin:15px 0 15px 25px;
}
.faq_list_mt li {
	list-style-type:disc;
	padding:0 0 1px;
}
/*
 header_plan
---------------------------------------------------------- */
.pur_space {
	margin:0 0 20px 0;
}
.designer {
    padding:20px;
	border:1px solid red;
	background-color: #fff0f0;
}
.naiyou {
    text-align:right;
}
table.form {
	width:870px;
	background-color: #b5d3eb;
}
table.form p {
	padding:0px 0;
}
table.form tr {
	border-bottom:1px solid #e9e9e9;
}
table.form tr th {
	padding:10px;
	background-color: #cee8ff;
	text-align:left;
	font-weight:bold;
	color:#000066;
	height:40px;
	width:160px;
}
table.form tr td {
	padding:10px 10px 10px 20px;
	width:650px;
	background-color:#FFFFFF;
}
.pur_img {
	margin:45px 0 20px 0;
}
ul.comp {
	margin:10px 20px;
}
.comp li {
	list-style-type:disc;
}
/*
 hearing
---------------------------------------------------------- */
.hear-q {
	margin:15px 0;
	padding:5px 0;
	border-bottom:1px solid #333333;
	font-weight:bold;
	color:#003399;
}
.hear-a {
	margin:20px 0 10px 0;
}
.hear-a label {
	margin:0 10px 0 0;
}
.hear-o {
	margin:10px 0 60px 0;
}
ul.hear-temp li {
	margin:10px 0;
 height:120px:
}
.left-c {
	vertical-align:middle;
	padding:0 0px 3px 5px;
}
.hear-btn {
	margin:0 60px 0 240px;
	width:150px;
}
.confirm {
	font-weight:bold;
	font-size:1.1em;
	color:#FF0000;
}
.complete {
	font-weight:bold;
	font-size:1.1em;
}
.colorwhite {
	color:#FFFFFF;
}
.red {
    color:#FF0000;
}
.smallred {
	font-size:0.85em;
	color:#FF0000;
}
.strongfont {
	font-weight:bold;
	color:#000066;
	text-decoration:underline;
}
.exhear {
	position:absolute;
	margin:10px 0 0 540px;
}
.exhear_img {
	position:absolute;
	margin:10px 0 0 705px;
}
.tablecolor tr td {
	padding:6px 8px 6px 0;
	color:#FFFFFF;
}
.tablecolor tr td img {
    vertical-align:middle;
}
select {
    margin:0 0 10px;
	width:190px;
}
option{
    padding-right:10px;
}
ul.url {
    margin:-20px 0 20px 110px;
}
ul.url li {
    padding:0 0 5px 0;
}
.backcolor {
    background-color:#F7FFF7;
    border:1px solid #E6E5E5;
	width:828px;
	padding:20px 20px 5px;
	margin:25px 0;
}

.fox {
    width:200px;
	float:left;
	height:auto;
	margin:0 10px 0 0;
}
.foxtitle {
	margin:0;
	color:#000066;
	font-weight:bold;
}
.winop {
	background-image:url(../img/link_icon.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding:0 8px 0 0;
	margin:0 4px 0 0;
}

/*
 contact
---------------------------------------------------------- */
table.contact {
	width:870px;
	background-color: #d5d5d5;
}
table.contact p {
	padding:0px 0;
}
table.contact tr {
	border-bottom:1px solid #e9e9e9;
}
table.contact tr th {
	padding:10px;
	background-color: #f7f7f7;
	text-align:left;
	color:#252525;
	border:1px solid #ffffff;
	height:40px;
	width:150px;
} table.contact tr td {
	padding: 10px;
	width:650px;
	background-color:#FFFFFF;
}
#error {
	width:825px;
	border:1px solid #CC0000;
	background:#FFF0F0;
	padding:20px;
	margin:0 0 20px 0;
}
#error li {
	padding:0 0 0 20px;
	background-image:url(../img/error_arrow.gif);
	background-repeat:no-repeat;
	background-position:7px;
}
.big {
	font-weight:bold;
}
.btn {
	margin:0 60px 0 173px;
	width:150px;
}
button {
	border:none;
	background-color:#ffffff;
	cursor:pointer;
	width:150px;
	height:50px;
	vertical-align:top;
}
.thanks {
	font-weight:bold;
	font-size:105%;
}
/*
 sample
---------------------------------------------------------- */
.s_rightspace {
	padding:0 37px 40px 0;
	float:left;
	width:265px;
}
.s_rightspace2 {
	padding:0 0 40px 0;
	float:left;
	width:265px;
}
.sample_link {
    margin:5px 0 0 71px;
}
.s_rightspace a:hover img {
	opacity: 0.9; /* IE以外透過設定 */
	filter: Alpha(opacity=90); /* IE用透過設定 */
}
.s_rightspace2 a:hover img {
	opacity: 0.9; /* IE以外透過設定 */
	filter: Alpha(opacity=90); /* IE用透過設定 */
}
.sampletitle {
	border-left:8px solid #000066;
	color:#000033;
	font-size:1.2em;
	font-weight:bold;
	padding:0 10px;


}
/*
 whyblogdesign
---------------------------------------------------------- */
#why {
    width:870px;
	height:560px;
	margin:20px 0;
	background-image:url(../img/whyblogdesign.jpg);
	background-repeat:no-repeat;
}
/*
 MovableType
---------------------------------------------------------- */
#mt {
    width:870px;
	margin:20px 0;
}
#mt_hp {
    width:425px;
	height:307px;
	background:url(../img/mt_hp.jpg) no-repeat;
	float:left;
	margin:0 20px 0 0;
}
.mt_hp_space {
    margin:190px 10px 0 10px;
}
.mt_hp_img {
    background:url(../img/mt_hp_kakaku.jpg) no-repeat;
	width:404px;
	height:30px;
	text-indent:-9999px;
	margin:20px 0 0 0;
}
.mt_hp_img a {
    width:404px;
	height:30px;
	display:block;
}
.mt_hp_img a:hover {
    background:url(../img/mt_hp_kakaku.jpg) no-repeat;
	background-position:0 -30px;
	width:404px;
	height:30px;
}
#mt_blog {
    width:425px;
	height:307px;
	background:url(../img/mt_blog.jpg) no-repeat;
	float:left;
}
.mt_blog_space {
    margin:190px 10px 0 10px;
}
.mt_blog_img {
    background:url(../img/mt_blog_kakaku.jpg) no-repeat;
	width:404px;
	height:30px;
	text-indent:-9999px;
	margin:20px 0 0 0;
}
.mt_blog_img a {
    width:404px;
	height:30px;
	display:block;
}
.mt_blog_img a:hover {
    background:url(../img/mt_blog_kakaku.jpg) no-repeat;
	background-position:0 -30px;
	width:404px;
	height:30px;
}
.mt_hp_detail {
    width:870px;
	margin:20px 0 40px;
}
.mt_hp_detail img {
    float:left;
	margin:0 20px 0 0;
	width:260px;
}
.mt_hp_text {
	float:left;
	width:590px;
	line-height:140%;
}
.mt_hp_text p {
	line-height:140%;
	margin:1em 0;
}
h3.mt_hp_title {
	font-size:1.3em;
	color:#000066;
	font-weight:bold;
	margin:5px 0 20px;
	padding:0 0 0 17px;
	background:url(../img/mt/h3list.jpg) no-repeat;
	background-position:0 2px;
}
.mt_hp_form {
	width:173px;
	height:34px;
	background:url(../img/mt/hp_btn.jpg) no-repeat;
	float:right;
	text-indent:-9999px;
}
.mt_hp_form a {
	width:173px;
	height:34px;
	display:block;
}
.mt_hp_form a:hover {
	width:173px;
	height:34px;
	background:url(../img/mt/hp_btn.jpg) no-repeat;
	background-position:0 -34px;
}
.pronet {

	border:1px solid #dde9ed;
	padding:20px;
	margin:20px 0 0 0;
}
.pronet img {
	float:left;
	padding:0 20px 0 0;
}
.pronet-text {
	float:left;
	margin:25px 10px 0 0;
	font-weight:bold;
}
ul.mtlic {
	margin:15px 0 15px 25px;
}
.mtlic li {
	list-style-type:decimal;
	padding:0 0 1px;
}
.plan-yudou {
	text-align:center;
	border:5px solid #b8daf9;
	padding:15px;
	font-size:1.2em;
	font-weight:bold;
}
.plan-yudou a {
	color:#0C8EF2;
}
table.mt_service_hikaku {
	width:870px;
	background-color: #b5d3eb;
	margin:0 0 20px;

}

table.mt_service_hikaku tr {
	border-bottom:1px solid #e9e9e9;
}
table.mt_service_hikaku tr th {
	padding:10px;
	background-color: #cee8ff;
	text-align:center;
	font-weight:bold;
	color:#000066;
	height:40px;
	width:220px;
}
table.mt_service_hikaku tr th.mt_th {
	padding:10px;
	background-color: #cee8ff;
	text-align:center;
	font-weight:bold;
	color:#000066;
	height:40px;
	width:320px;
}
table.mt_service_hikaku tr th.koumoku {
	padding:10px 10px 10px 10px;
	background-color: #f1f1f1;
	text-align:left;
	font-weight:bold;
	color:#000066;
	height:40px;
	width:200px;
}
table.mt_service_hikaku tr td {
	padding:10px;
	width:220px;
	text-align:center;
	background-color:#FFFFFF;
}
#mt-footer {
	background-color:#ffffff;
	border:1px solid #CCCCCC;
	padding:0 0 10px 0;
}
.tableplan {
width:870px;
margin:0 0 20px;
border-bottom:1px solid #e9e9e9;
}
.lefttable {
width:410px;
float:left;
padding:0 50px 0 0;

}
h3.mttable {
	font-size:1.4em;
	font-weight:bold;
	margin:0 0 10px;
	padding: 0 0 10px;
	border-bottom:1px solid #e9e9e9;
}
.righttable {
width:410px;
float:left;
padding:0;

}
table.mt_planex {
	width:410px;
	background-color: #b5d3eb;
	margin:0 0 20px;
	font-size:0.9em;
}
table.mt_planex_blog {
	width:410px;
	background-color: #ff9de2;
	margin:0 0 20px;
	font-size:0.9em;
}

table.mt_planex tr {
	border-bottom:1px solid #e9e9e9;
}
table.mt_planex_blog tr th,
table.mt_planex tr th.blog {
	padding:10px;
	background-color: #ffcff1;
	text-align:center;
	font-weight:bold;
	color:#000066;
	width:210px;
}
table.mt_planex tr th {
	padding:10px;
	background-color: #cee8ff;
	text-align:center;
	font-weight:bold;
	color:#000066;
	width:210px;
}
table.mt_planex tr td,
table.mt_planex_blog tr td {
	padding:10px;
	width:190px;
	text-align:right;
	background-color:#FFFFFF;
}
table.mt_planex tr td.naiyou,
table.mt_planex_blog tr td.naiyou {
	padding:10px;
	width:190px;
	text-align:left;
	background-color:#FFFFFF;
}
table.mt_planex tr td.kuhaku,
table.mt_planex_blog tr td.kuhaku {
padding:10px 10px 10px 210px;
}
/*
 tokushoho
---------------------------------------------------------- */
#toku {
	width:870px;
	margin:30px 0;
	font-weight:bold;
	padding:5px 0 5px 10px;
	border-left:5px #333333 solid;
	font-size:1.3em;
}
table.toku {
	width:870px;
	background-color: #c9c9c9;
}
table.toku p {
	padding:0px 0;
}
table.toku tr {
	border-bottom:1px solid #e9e9e9;
}
table.toku tr th {
	padding:10px 20px; background-color: #f7f7f7;
	text-align:left;
	color:#252525;
	border:1px solid #ffffff;
	height:40px;
	width:150px;
}
table.toku tr td {
	padding:10px 20px;
	width:640px;
	background-color:#FFFFFF;
}
/*
 kiyaku
---------------------------------------------------------- */
.spacekiyaku {
	padding:0 0 20px 0;
}
.fontup {
	font-weight:bold;
}
ul.kiyakutype {
	margin:15px 0 35px 25px;
}
.kiyakutype li {
	list-style-type:decimal;
	padding:0 0 1px 0;
}
/*
 buy
---------------------------------------------------------- */
table.en {
	width:700px;
	background-color: #b5d3eb;
	margin:0 0 20px;
}
table.en p {
	padding:0px 0;
}
table.en tr {
	border-bottom:1px solid #e9e9e9;
}
table.en tr th {
	padding:10px 30px;
	background-color: #cee8ff;
	text-align:left;
	color:#000066;
	
	height:40px;
	
}
table.en tr th.select {
	padding:10px;
	background-color: #cee8ff;
	text-align:left;
	color:#252525;
	
	height:40px;
	width:70px;
	text-align:center;
}
table.en tr th.kakaku {
	padding:10px 20px;
	background-color: #cee8ff;
	text-align:left;
	color:#252525;
	
	height:40px;
	width:120px;
	text-align:center;
}
table.en tr td {
	padding: 10px 30px;
	background-color:#FFFFFF;
	cursor:pointer;
	font-weight:bold;
}
table.en tr td.selectradio {
	padding: 10px;
	width:70px;
	text-align:center;
	background-color:#FFFFFF;
	cursor:pointer;
}
table.en tr td.money {
    color:#FF0000;
	font-weight:bold;
	padding: 10px 20px;
	width:120px;
	background-color:#FFFFFF;
	cursor:pointer;
	font-weight:bold;
	text-align:center;
}


.radio {
	width:20px;
	background-color:#CEE8FF;	
}

.radio2 {   
	width:20px;
	background-color:#305393;
}
ul.buyul input {
    display: block;
	float: left;
	clear: left;
	height: 12px;
	padding: 0;
	margin: 0;
}
ul.buyul li.radio {
    float:left;
	padding:11px 5px 0px 13px;
	/padding:11px 10px 0px;
	margin:0 0 10px;
	/margin:0 0 -3px;
	height:25px;
	border:1px solid #B5D3EB;
	cursor:pointer;
}
ul.buyul li.radiolabel {
    float:left;
	padding:9px 5px 0px 10px;
	/padding:8px 5px 0px 10px;
	margin:0 0 10px;
	/margin:0 0 -3px;
	height:27px;
	/height:28px;
	border-top:1px solid #B5D3EB;
	border-right:1px solid #B5D3EB;
	border-bottom:1px solid #B5D3EB;
	cursor:pointer;
}
ul.buyul li img {
    cursor:pointer;
}

ul.buyul2 li {
    float:left;
	padding:7px 5px 0px 10px;
	margin:0 0 10px;
	height:25px;
	border:1px solid #305393;
	background-color:#f1f1f1;
	cursor:pointer;
}
ul.buyul2 li img {
    cursor:pointer;
}
* html ul.buyul2 li {
    float:left;
	padding:7px 5px 0px 5px;
	margin:0 0 -5px;
	height:25px;
	border:1px solid #305393;
	cursor:pointer;
}
.introduce {
	float:left;
	padding:13px;
	font-size:0.75em;
	margin:0 0 10px;
	border:1px solid #CC0000;
	background:#FFF0F0;
}

.cl2 {
    clear:both;
	margin:5px;
}
table.contact select {
    width:300px;
	margin:0;
}
.pm {
    border-left:5px solid #000066;
	padding:0 0 0 8px;
}
.pmspace {
    margin:40px 0 0 0;
}
.pmcolor {
    color:#FF0000;
	text-decoration:underline;
	font-weight:bold;
}
/*
 portfolio
---------------------------------------------------------- */
.portfolio {
	width:868px;
	background-color:#F7FFF7;
	height:158px;
	border:1px solid #e6e5e5;
	margin:10px 0 30px;
}
.port-img {
	float:left;
	padding:18px;
}
.port {
	float:left;
	margin:13px 0 0 0;
}
.port dl {
	width:640px;
	margin:5px 0 0 0;
}
*html .port dl {
	width:660px;
	margin:4px 0 0 0;
} 
.port dt {
	float:left;
	width:160px;
	padding:2px 5px;
	clear:both;
	
}
.port dd {
	width:460px;
	margin-left:5px;
	padding:5px;
}
/*
 free design
---------------------------------------------------------- */
.freetop {
	width:870px;
	height:135px;
	margin:30px 0;
}
.freetop_back1 {
	background-image:url(../img/landing/top1-back.jpg);
	background-repeat:no-repeat;
	width:870px;
	height:205px;
	margin:0 0 50px;
}
.freetop_back2 {
	background-image:url(../img/landing/top2-back.jpg);
	background-repeat:no-repeat;
	width:870px;
	height:205px;
	margin:0 0 50px;
}
.freetop_text {
	width:650px;
	margin:90px 0 0 175px;
	padding:20px;
	border:3px solid #f0f0f0;
	background-color:#fafafa;
	position:absolute;
}
.steparea {
	width:870px;
}
.step_space {
	margin:0 0 40px;
}
.step_sample_space {
	margin:40px 0;
}
.stepfree {
	width:175px;
	float:left;

}
.step123 {
	width:695px;
	float:left;
}
.blue_arrow {
	padding:12px 0 12px 327px;
	_padding:9px 0 9px 327px;
}
*:first-child+html .blue_arrow {
	padding:9px 0 9px 327px;
}
.green_arrow {
	padding:14px 0 14px 327px;
	_padding:11px 0 11px 327px;
}
*:first-child+html .green_arrow {
	padding:11px 0 11px 327px;
}
.free_header {
	width:410px;
	float:left;
	padding:0 50px 0 0;
}
.free_original {
	width:410px;
	float:left;
}

#step-up {

	margin:0 0 30px;
	padding:10px 10px 10px 0;
}
.step_atn_space {
	margin:20px 0 10px;
}
.step_up_atn {
	border-left:8px solid red;
	color:red;
	font-size:1.1em;
	font-weight:bold;
	margin:10px 0 10px 10px;
	padding:0 10px;
}
.step_up_end {
margin:0 0 0 30px;
}
.step_up_end li {
font-size:1em;
list-style-type:disc;
}

.free_header a:hover img {
	opacity: 0.8; /* IE以外透過設定 */
	filter: Alpha(opacity=80); /* IE用透過設定 */
}
.free_original a:hover img {
	opacity: 0.8; /* IE以外透過設定 */
	filter: Alpha(opacity=80); /* IE用透過設定 */
}

/*
 privacy
---------------------------------------------------------- */
.privacy {
    text-align:right;
}

/*
 footer
---------------------------------------------------------- */
#footer {
	
	font-size:0.7em;
	color:#999999;
	margin:35px 0 10px 0;
	padding:5px 0 0 0;
	border-top:1px solid #CCCCCC;
}
#footer ul li {
	display:inline;
	padding:0 0 20px 16px;
	background-image:url(../img/footer.gif);
	background-repeat:no-repeat;
	background-position:4px 2px;
}
#footer ul li a {
	color:#999999;
}
#footer ul li.copy {
	padding:0 10px 0 200px;
	background:none;
}
*html #footer ul li.copy {
	padding:0 10px 0 200px;
	background:none;
}