/*ベース*/
html{
	background-image:url(images/bg.gif);
/*	background-repeat:repeat-x;*/
	margin:0;
	padding:0;
	text-align:center;
	font-size:x-small;
	color:#333;
	line-height:150%;
	font-family: "ＭＳ Ｐゴシック",sans-serif;
}

body{
	text-align:center;
	line-height:150%;
	margin:0;
	padding:0;
	font-size:x-small;
	font-family: "ＭＳ Ｐゴシック",sans-serif;
	color:#333;
}
.outline{
	width:750px;
	text-align:center;
	margin:0;
	padding:0;
	background-color:#fff;
}

h1{
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0;
	position:absolute;
	top:20px;
	left:500px;
	color:#FFF;
}



/* リンク＠デフォルト */
a:link {color:#4291DF;}
a:visited {color:#6D5C7F;}
a:hover {color:#FB701C;}
a:active {color:#FB701C;}




/* ヘッダ */
.header{
	text-align:left;
	margin:0;
	padding:0;
	height:84px;
}

.logo{
	position:relative;
	bottom:0px;
	left:6px;
	margin:0;
	padding:0;
}
.s_menu{
	margin:0;
	padding:0;
	position:relative;
	bottom:15px;
	left:350px;
	height:13px;
	background-color:red;
}
.spc16px{
	margin-left:16px;
}

/* ｃｓｓロールオーバー */
.m-bar {
	border-right: 0px;
	padding-right: 0px;
	border-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	overflow: hidden;
	border-left: 0px;
	width: 756px;
	padding-top: 0px;
	border-bottom: 0px;
	height: 26px
}
.m-bar img {
	visibility: hidden
}
.m-bar a {
	margin-right:8px;
	background-position: 0px 0px; float: left
}
.m-bar a:link {
	background-position: 0px 0px; float: left
}
.m-bar a:visited {
	background-position: 0px 0px; float: left
}
.m-bar a:unknown {
	background-position: 0px 26px; float: left
}
.m-bar a:hover {
	background-position: 0px 26px; float: left
}
.m-bar a:active {
	background-position: 0px 26px; float: left
}
.m-bar .m-top a {
	background-image: url(images/btn_top.gif)
}
.m-bar .m-about a {
	background-image: url(images/btn_about.gif)
}
.m-bar .m-use a {
	background-image: url(images/btn_use.gif)
}
.m-bar .m-price a {
	background-image: url(images/btn_price.gif)
}
.m-bar .m-step a {
	background-image: url(images/btn_step.gif)
}
.m-bar .m-voice a {
	background-image: url(images/btn_voice.gif)
}
.m-bar .m-contact a {
	background-image: url(images/btn_contact.gif)
}


.m-bar .m-top_on a {
	background-image: url(images/btn_top_on.gif)
}
.m-bar .m-about_on a {
	background-image: url(images/btn_about_on.gif)
}
.m-bar .m-price_on a {
	background-image: url(images/btn_price_on.gif)
}
.m-bar .m-use_on a {
	background-image: url(images/btn_use_on.gif)
}
.m-bar .m-step_on a {
	background-image: url(images/btn_step_on.gif)
}
.m-bar .m-voice_on a {
	background-image: url(images/btn_voice_on.gif)
}
.m-bar .m-contact_on a {
	background-image: url(images/btn_contact_on.gif)
}






/* main */
.c-both{
	clear:both;
}
.main{
	background-color:#fff;
	margin:0;
	padding:0;
}
.left{
	margin:0px;
	padding:0px;
	float:left;
	text-align:left;
}
.left_pdg{
	padding-left:15px;
}
.right{
	margin:0;
	padding:0;
	float:right;
}



/* 会社概要 */
.pc_up{
	margin:15px;
}
.pc_up td,.pc_up th{
	font-size:x-small;
	line-height:1.5;
}
.pc_up h4{
	font-weight:bld;
	font-size:xx-small;
	margin-bottom:0px;
}
.pc_up .sitename{
	font-weight:normal;

}

.bg_ccc{
	background-color:#ccc;
}
.bg_eee{
	background-color:#eee;
}
.bg_fff{
	background-color:#fff;
}

/* 人気テンプレートランキング */
.ranking{
	margin:0 0 15px 0;
	padding:0;
	width:531px;
	background-image:url(images/rank_bg.gif);
	background-repeat:repeat-y;
}
.no1{	display:inline;
	float:left;
	text-align:center;
	background-image:url(images/ranking1_bg.gif);
	background-repeat:no-repeat;
	background-position:50% 50%;
	width:177px;
	height:198px;
	color:#333;
}
.no2{	display:inline;
	float:left;
	text-align:center;
	background-image:url(images/ranking2_bg.gif);
	background-repeat:no-repeat;
	background-position:50% 50%;
	width:177px;
	height:198px;
	color:#333;
}
.no3{
	display:inline;
	float:left;
	text-align:center;
	background-image:url(images/ranking3_bg.gif);
	background-repeat:no-repeat;
	background-position:50% 50%;
	width:177px;
	height:198px;
	color:#333;
}

.c-both{
	clear:both;
}
.name{
	padding-left:15px;
	font-weight:bold;
	font-size:14px;
	text-align:left;
}



/* かんたん製作＆カスタム製作 */
.kantan_custom{
	margin:0 0 15px 0;
	padding:0;
	width:531px;
	background-image:url(images/kantan_bg.gif);
	background-repeat:repeat-y;
}

.temp{
	background-image:url(images/temp_bg.gif);
	background-repeat:no-repeat;
	width:138px;
	height:144px;
}
.temp_pdg{
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	padding-left:10px;
	text-align:center;
}
.mark{
	font-size:10px;
	background-image:url(images/btn_arrow.gif);
	background-repeat:no-repeat;
	padding-left:22px;
	padding-bottom:6px;
	padding-top:3px;

}
.dot{
	background-image:url(images/dot.gif);
	background-repeat:repeat-x;
}
.border1{
	border:1px solid #999;
}



/* 新着情報 */
.news{
	margin:0;
	padding:0;
	width:531px;
	background-image:url(images/info_bg.gif);
	background-repeat:repeat-y;
	text-align:left;
}
.one_news{
	width:510px;
	text-align:left;
	border-bottom:dotted 1px #ccc;
	padding:0px 0px 5px 0px;
	margin:0;
}
.date{
	background-image:url(images/arrow.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding-left:16px;
	font-size:10px;
	width:75px;
	float:left;
	text-align:left;
}

.topic{
	width:451px;
	text-align:left;
	float:right;
}



/* right */
.login{
	background-image:url(images/login_bg.gif);
	background-repeat:repeat-y;
	width:190px;
}
.make{
	background-image:url(images/make_bg.gif);
	background-repeat:repeat-y;
	width:190px;
	margin:0 0 15px 0;
}
.make_kantan{
	border:1px solid #FFCC00;
	width:285px;
}
.make_custom{
	border:1px solid #FF7DAF;
	width:285px;
}

.make_pdg{
	padding:5px 15px 10px 15px;
	font-size:12px;
	text-align:left;
}

.make_pdg2{
	padding:5px 15px 5px 15px;
	font-size:12px;
	text-align:left;
}
.support{
	background-image:url(images/support_bg.gif);
	background-repeat:repeat-y;
	width:190px;
	margin:0 0 15px 0;
}

.font_custom{
	font-weight:bold;
	color:#EE1570;
}
.font_kantan{
	font-weight:bold;
	color:#F57900;
}

.veri{
	width:160px;
	background-image:url(images/veri_bg.gif);
	background-repeat:repeat-y;
	padding:0;
	margin:0;
}



/* 作る！ */
.b-make {
	border-right: 0px;
	padding-right: 0px;
	border-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	overflow: hidden;
	border-left: 0px;
	width: 54px;
	padding-top: 0px;
	border-bottom: 0px;
	height: 20px
}
.b-make img {
	visibility: hidden
}
.b-make a {
	background-position: 0px 0px; float: left
}
.b-make a:link {
	background-position: 0px 0px; float: left
}
.b-make a:visited {
	background-position: 0px 0px; float: left
}
.b-make a:unknown {
	background-position: 0px 20px; float: left
}
.b-make a:hover {
	background-position: 0px 20px; float: left
}
.b-make a:active {
	background-position: 0px 20px; float: left
}
.b-make .m-top a {
	background-image: url(images/btn_make.gif)
}



/* ログイン */
.b-login {
	border-right: 0px;
	padding-right: 0px;
	border-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	overflow: hidden;
	border-left: 0px;
	width: 54px;
	padding-top: 0px;
	border-bottom: 0px;
	height: 20px
}
.b-login img {
	visibility: hidden
}
.b-login a {
	background-position: 0px 0px; float: left
}
.b-login a:link {
	background-position: 0px 0px; float: left
}
.b-login a:visited {
	background-position: 0px 0px; float: left
}
.b-login a:unknown {
	background-position: 0px 20px; float: left
}
.b-login a:hover {
	background-position: 0px 20px; float: left
}
.b-login a:active {
	background-position: 0px 20px; float: left
}
.b-login .m-top a {
	background-image: url(images/btn_login.gif)
}

.input{ 
width: 157px; 
height: 20px; 
} 

/* info */
.info{
	background-image: url(images/btn_login.gif)
	background-color:#eee;
	width:190px;
}
.info_pdg{
	padding:15px;
	text-align:left;
}


/* skin */

ul{
	list-style:none;
	margin:0;
	padding:0;
}


.skinList{
	text-align:center;
	margin-top:4px;
	width:531px;
}

.skinList_li{
	list-style:none;
	margin:1px;
	width:123px;
	height:150px;
	display:inline;
	float:left;
	background-color:#fff;
	border:1px solid #DCE5BD;
}

.skin_pdg{
	padding-top:8px;
}

.ttl{
	width:536px;
	background-color:#FEC977;
	font-size:12px;
	font-weight:bold;
	text-align:left;
}



/*footer*/
.footer{
	font-size:10px;
	text-align:left;
	margin:0;
	padding:15px;
	background-image:url(images/footer_bg.gif);
	background-repeat:repeat-x;
}
.s_footer{
	background-color:#FEC977;
	padding:15px;
	font-size:10px;
	text-align:left;
}
.border{
	border:2px #68D7C8 solid;
}

.menu{
	font-size:10px;
}


/* 共通 */
.bld{
	font-weight:bold;
}
.size10px{
	font-size:10px;
}

.blue10{
	color:#00AA99;
	font-size:10px;
}
.red10{
	color:#FF4F4F;
	font-size:10px;
}
.red12{
	color:red;
	font-size:12px;
}

.ora_b{
	font-weight:bold;
	color:#FB701C;
}


/* コンテンツ */
.pankuzulist {
	padding:0px 0px 10px 0px;
	font-size:10px;
}
.title_topbar {
	background-color:#D0A55B;
}
.title_bottombar {
	background-image:url(images/title_bottombar.gif);
}
.contents_commnent {
	margin:0px;
	padding:5px 10px 5px 10px;
	font-size:12px;
	line-height:140%;
}
.contents_body {
	margin:0px;
	padding:10px 0px 10px 10px;
}
.t12 {font-size:12px; }
.t12b {font-size:12px; font-weight:bold;}
.t12s120 {font-size:12px; line-height:120%;}
.t12s140 {font-size:12px; line-height:140%;}

.t14 { font-size:14px;}
.t14b { font-size:14px;font-weight:bold;}
.t14s120 { font-size:14px;line-height:120%;}
.t14s140 { font-size:14px;line-height:140%;}

li{
	font-size:12px;
	line-height:140%;
}
textarea{
	font-size:12px;
	line-height:140%;
}

.necessary {
	font-size:10px;
	font-weight:bold;
	color:#cc0000;
}
.contents_title {
	font-size:16px;
	font-weight:bold;
}

.mgn15{
	margin-bottom:15px;
}