/*
■livedoorブロカ　目次■

1.共通●
（リンク・デフォルト）●
（マージン）
（テキスト）
（背景色）
（文字寄せ）
（ぱんくずリスト・ページタイトル・ステップ）

2.ヘッダー
（グローバルナビ・マウスオーバー）

3.フッター

4.ブロカ・トップページ
（メイン画像）
（かんたん製作ボタン・大）
（カスタム製作ボタン・大）
（人気テンプレートランキング）
（サムネール拡大）
（「このスキンで作製する」ボタン）
（新着情報）

5.「ブログカードとは？」〜「お問い合わせ」
（かんたん製作ボタン・中）
（カスタム製作ボタン・中）
（「ブログカードとは？」）
（「製作の流れ」）
（「お問い合わせ」）

6.「会社概要」〜「プライバシーポリシー」
（「会社概要」）
（「プライバシーポリシー」）

7.「画像アップロード」〜「注文完了」
（「画像アップロード」）
（「注文入力」）
（「注文完了」）

*/



/* --------------------▼1.共通▼-------------------- */

html{
	background-image:url(images/header_bg.gif);
	background-repeat:repeat-x;
	margin:0;
	padding:0;
	text-align:center;
	font-size:x-small;
	color:#483527;
	line-height:1.5;
	font-family: "ＭＳ Ｐゴシック",sans-serif;
}
body{
	text-align:left;
	line-height:1.5;
	margin:0;
	padding:0;
	font-size:x-small;
	font-family: "ＭＳ Ｐゴシック",sans-serif;
	color:#374A5D;
}
h1{
	font-family: "ヒラギノ角ゴ Pro W3", "平成角ゴシック", "ＭＳ ゴシック","Osaka";
	position:absolute;
	top:25px;
	left:190px;
	line-height:1.0;
	margin:0;
	padding:0;
	font-size:10px;
	font-weight:bold;
}
h2{
	margin:0;
	padding:0;
}
h3{
	padding:5px;
	font-weight:bold;
	background-color:#eee;
	margin:10px 0;
	font-size:12px;
}
td{
	font-size:x-small;
}
ul{
	margin:5px 15px;
	padding:0;
}

ol{
	margin:5px 15px;
	padding:0;
}
#outline{
	width:800px;
}
#main{
	margin-top:10px;
	margin-left:20px;
	padding:0;
}
.contents_commnent {
	margin:0px;
	padding:15px 10px;
	line-height:1.5;
}
.contents_commnent p{
	margin-top:30px;
}
.contents_title {
	font-size:16px;
	font-weight:bold;
}
.c-both{
	clear:both;
}
.scrollup{
	text-align:right;
	margin:30px 0 20px 0;
}


/* （背景色） */
.bg_ccc{
	background-color:#ccc;
}
.bg_eee{
	background-color:#eee;
}
.bg_fff{
	background-color:#fff;
}
.bg_red{
	background-color:red;
}


/* （ぱんくずリスト・ページタイトル・ステップ） */
.pankuzulist {
	height:24px;
	padding:2px 20px;
	font-size:10px;
}
.pankuzulist span{
	margin:0 10px;
}
.pageTitle_noPankuzu{
	margin-top:34px;
}
.pageTitle {
	height:46px;
}
.title_bottombar{
	height:1px;
	background-image:url(images/title_bottombar.gif);
}


/* （リンク・デフォルト） */
a:link {
	color:#2882DC;
}
a:visited {
	color:#6D5C7F;
}
a:hover {
	color:#F30033;
}
a:active {
	color:#F30033;
}


/* （マージン） */
.mgn10{
	margin:10px;
}
.mgnT10{
	margin-top:10px;
}
.mgnLR10{
	margin:0 10px;
}
.mgnLR20{
	margin:0 20px;
}
.mgn50{
	margin:50px;
}


/* （文字寄せ） */
.right{
	margin:0;
	padding:0;
	float:right;
}


/* （テキスト） */
.t10{
	font-size:10px;
}
.t12 {
	font-size:12px;
}
.t12b{
	font-size:12px;
	font-weight:bold;
}
.t14b{
	font-size:14px;
	font-weight:bold;
}
.red10{
	color:red;
	font-size:10px;
}
.red18b{
	font-weight:bold;
	color:red;
	font-size:18px;
	font-family: "ヒラギノ角ゴ Pro W3", "平成角ゴシック", "ＭＳ ゴシック","Osaka";
}


/* --------------------▲1.共通▲-------------------- */



/* --------------------▼2.ヘッダー▼-------------------- */

#header{
	text-align:left;
	margin:0;
	padding:0;
	line-height:1.0
	width:800px;
	height:60px;
}
.logo{
	line-height:1.0;
	position:relative;
	top:6px;
	left:15px;
	margin:0;
	padding:0;
}
.s_menu{
	line-height:1.0;
	margin:0;
	padding:0;
	position:absolute;
	top:35px;
	left:440px;
}
.mark{
	line-height:1.0;
	font-size:10px;
	background-image:url(images/btn_arrow.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding:0 0 0 10px;
	margin:0 0 0 10px;
}


/* （グローバルナビ・マウスオーバー） */
.m-bar {
	border:0;
	padding:0;
	margin:0 0 0 20px;
	overflow: hidden;
	width: 800px;
	height: 27px;
}
.m-bar img {
	visibility: hidden;
}
.m-bar a {
	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 27px;
	float: left;
}
.m-bar a:hover {
	background-position: 0px 27px;
	float: left;
}
.m-bar a:active {
	background-position: 0px 27px;
	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);
}


/* --------------------▲2.ヘッダー▲-------------------- */



/* --------------------▼3.フッター▼-------------------- */

.footer{
	padding:0px;
	margin:0;
}
.footerNavi{
	color:#7DBBFF;
	background-color:#3797FF;
	padding:8px 20px;
	font-size:10px;
	text-align:left;
}
.footerNavi a:link {
	color:white;
	text-decoration:none;
	padding:3px;
}
.footerNavi a:visited {
	color:white;
	text-decoration:none;
	padding:3px;
}
.footerNavi a:hover {
	color:white;
	text-decoration:none;
	background-color:#1171D9;
	padding:2px 3px;
}
.footerNavi a:active {
	color:white;
	text-decoration:none;
	padding:3px;
}
.copyright{
	height:130px;
	font-size:10px;
	text-align:left;
	margin:0;
	padding:10px 20px;
	background-color:#DEDEDE;
	background-image:url(images/footer_bg.gif);
	background-repeat:repeat-x;
	
}


/* --------------------▲3.フッター▲-------------------- */



/* --------------------▼4.ブロカ・トップページ▼-------------------- */

.btnL{
	margin:15px 0 10px 5px;
}
#skinList{
	padding-top:20px;
}


/* （かんたん製作ボタン・大） */
.b-kantan {
	border: 0px;
	padding: 0px;
	margin: 0px;
	float:left;
	overflow: hidden;
	width: 384px;
	height: 76px;
}
.b-kantan img {
	visibility: hidden;
}
.b-kantan a {
	background-position: 0px 0px;
	float: left;
}
.b-kantan a:link {
	background-position: 0px 0px;
	float: left;
}
.b-kantan a:visited {
	background-position: 0px 0px;
	float: left;
}
.b-kantan a:unknown {
	background-position: 0px 76px;
	float: left;
}
.b-kantan a:hover {
	background-position: 0px 76px;
	float: left;
}
.b-kantan a:active {
	background-position: 0px 76px;
	float: left;
}
.b-kantan .m-top a {
	background-image: url(images/btn_kantan.gif);
}


/* （カスタム製作ボタン・大） */
.b-custom {
	border: 0px;
	padding: 0px;
	margin: 0px;
	float:right;
	overflow: hidden;
	width: 384px;
	height: 76px;
}
.b-custom img {
	visibility: hidden;
}
.b-custom a {
	background-position: 0px 0px;
	float: left;
}
.b-custom a:link {
	background-position: 0px 0px;
	float: left;
}
.b-custom a:visited {
	background-position: 0px 0px;
	float: left;
}
.b-custom a:unknown {
	background-position: 0px 76px;
	float: left;
}
.b-custom a:hover {
	background-position: 0px 76px;
	float: left;
}
.b-custom a:active {
	background-position: 0px 76px;
	float: left;
}
.b-custom .m-top a {
	background-image: url(images/btn_custom.gif);
}


/* （人気テンプレートランキング） */
.ranking{
	width:780px;
	margin:0;
	padding:0;
	text-align:left;
}
.rankTitle{
	background-color:#eee;
	padding:3px 10px;
	font-size:14px;
	font-weight:bold;
	color:#0054A7;
	font-family: "ヒラギノ角ゴ Pro W3", "平成角ゴシック", "ＭＳ ゴシック","Osaka";
}
.Ranking1{
	width:252px;
	height:185px;
	background-image:url(images/ranking_bg.gif);
	background-repeat:no-repeat;
	margin-right:12px;
	margin-top:5px;
	padding:15px 0;
	float:left;
	text-align:center;
}
.Ranking2{
	width:252px;
	height:185px;
	background-image:url(images/ranking_bg.gif);
	background-repeat:no-repeat;
	margin-right:12px;
	margin-top:5px;
	padding:15px 0;
	float:left;
	text-align:center;
}
.Ranking3{
	width:252px;
	height:185px;
	background-image:url(images/ranking_bg.gif);
	background-repeat:no-repeat;
	margin-top:5px;
	padding:15px 0;
	float:left;
	text-align:center;
}
.card_rank{
	border:1px solid #999;
	position:relative;
	top:0px;
	z-index:5;
	left:-25px;
}
.rank{
	position:relative;
	top:-65px;
	left:-3px;
	z-index:10;
}


/* （サムネール拡大） */
.hoverbox {
	padding: 0px;
	margin: 0px;
	cursor:	pointer;
	list-style-type: none;
	width:810px;
}
.hoverbox a {
	cursor: pointer;
}
.hoverbox a .preview {
	display: none;
}
.hoverbox a .preview_tate {
	display: none;
}
.hoverbox a:hover .preview {
	border:1px solid #ccc;
	display: block;
	z-index: 2;
	position: absolute;
	top:0px;
	left:20px;
}
.hoverbox a:hover .preview_tate {
	border:1px solid #ccc;
	display: block;
	z-index: 2;
	position: absolute;
	top:0px;
	left:20px;
}
.hoverbox img {
	border:#ccc 1px solid;
	padding: 0px;
	vertical-align: top;
	margin:37px 27px;
}
.hoverbox img.tate {
	border:#ccc 1px solid;
	padding: 0px;
	vertical-align: top;
	margin:10px 54px;
}
.hoverbox li {
	height:212px;
	background-image:url(images/thumb_bg.gif);
	background-repeat:no-repeat;
	display: inline;
	float: left;
	position: relative;
	font-size:x-small;
	margin:3px;
	padding-bottom:6px;
}
.hoverbox .preview {
	border-color: #999 solid 1px;
}
.hoverbox .preview_tate {
	border-color: #999 solid 1px;
}
html .hoverbox a {
	position: relative;
}
html .hoverbox a:hover {
	font-size: 100%;
	z-index: 2;
}
html .hoverbox a:hover .preview {
	left:-20px;
	top:-20px;
}
html .hoverbox a:hover .preview_tate {
	left:15px;
	top:-50px;
}
html .hoverbox li {
	position: static;
}


/* （「このスキンで作製する」ボタン） */
.b-make {
	border: 0px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	width: 150px;
	height: 25px;
}
.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 25px;
	float: left;
}
.b-make a:hover {
	background-position: 0px 25px;
	float: left;
}
.b-make a:active {
	background-position: 0px 25px;
	float: left;
}
.b-make .m-top a {
	background-image: url(images/btn_make.gif);
}


/* --------------------▲4.ブロカ・トップページ▲-------------------- */



/* --------------------▼5.「ブログカードとは？」〜「お問い合わせ」▼-------------------- */

/* （かんたん製作ボタン・中） */
.b-kantan-m {
	border: 0px;
	padding: 0px;
	margin: 0px;
	float:left;
	overflow: hidden;
	width: 312px;
	height: 76px;
}
.b-kantan-m img {
	visibility: hidden
}
.b-kantan-m a {
	background-position: 0px 0px;
	float: left;
}
.b-kantan-m a:link {
	background-position: 0px 0px;
	float: left;
}
.b-kantan-m a:visited {
	background-position: 0px 0px;
	float: left;
}
.b-kantan-m a:unknown {
	background-position: 0px 76px;
	float: left;
}
.b-kantan-m a:hover {
	background-position: 0px 76px;
	float: left;
}
.b-kantan-m a:active {
	background-position: 0px 76x;
	float: left;
}
.b-kantan-m .m-top a {
	background-image: url(images/btn_kantan_m.gif);
}


/* （カスタム製作ボタン・中） */
.b-custom-m {
	float:right;
	border: 0px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	width: 312px;
	height: 76px;
}
.b-custom-m img {
	visibility: hidden;
}
.b-custom-m a {
	background-position: 0px 0px;
	float: left;
}
.b-custom-m a:link {
	background-position: 0px 0px;
	float: left;
}
.b-custom-m a:visited {
	background-position: 0px 0px;
	float: left;
}
.b-custom-m a:unknown {
	background-position: 0px 76px;
	float: left;
}
.b-custom-m a:hover {
	background-position: 0px 76px;
	float: left;
}
.b-custom-m a:active {
	background-position: 0px 76px;
	float: left;
}
.b-custom-m .m-top a {
	background-image: url(images/btn_custom_m.gif);
}
.btn_m{
	float:center;
	margin:0 auto;
	padding:0;
	width:640px;
}


/* （「ブログカードとは？」） */
.points{
	
	width:500px;
	text-align:center;
	margin:30px auto;
}
.points p{
	width:500px;
	text-align:left;
}


/* （「製作の流れ」） */
.help_kantan_step{
	float:left;
	width:312px;
}
.help_kantan_step img{
	margin:5px;
}
.help_custom_step{
	float:right;
	width:312px;
}
.help_custom_step img{
	margin:5px;
}
.help_step1{
	width:660px;
	text-align:center;
}
.help_step1 img{
	margin:5px;
}
.help_step2-5{
	width:660px;
}


/* （「お問い合わせ」） */
.modeActive{
	ime-mode: active;
}
.modeInactive{
	ime-mode: inactive;
}
.tel{
	text-align:left;
	border:1px solid #ccc;
	padding:10px;
	background-color:#E1EFFF;
	width:450px;
	margin:25px auto;
}
.telmark{
	border-bottom:1px dotted #999;
	padding-bottom:3px;
	margin-bottom:10px;
	background-image:url(images/tel.gif);
	background-position:relative;
	background-repeat:no-repeat;
	padding-left:20px;
	font-weight:bold;
	font-size:14px;
	line-height:1.2;
}
.centerWidth{
	margin:0 auto;
	width:500px;
	text-align:left;
}


/* --------------------▲5.「ブログカードとは？」〜「お問い合わせ」▲-------------------- */



/* --------------------▼6.「会社概要」〜「プライバシーポリシー」▼-------------------- */

/* （「会社概要」） */
.company{
	margin:0px;
}
.company td{
	line-height:1.5;
}
.company th{
	font-size:x-small;
}
.company h4{
	font-weight:bld;
	font-size:xx-small;
	margin-bottom:0px;
}
.company .sitename{
	font-weight:normal;
}


/* （「プライバシーポリシー」） */
.indent{
	margin:0px;
	padding:0px 10px;
	font-size:x-small;
	line-height:140%;
	text-align:left;
}
.border_red{
	margin:10px;
	border:1px #CC0000 solid;
	padding:5px;
	width:500px;
}


/* --------------------▲6.「会社概要」〜「プライバシーポリシー」▲-------------------- */



/* --------------------▼7.「画像アップロード」〜「注文完了」▼-------------------- */

.step{
	margin:20px 0 0px 0;
}
.necessary {
	font-size:10px;
	font-weight:bold;
	color:#cc0000;
}

.border1{
	border:1px solid #999;
}
.displayNone{
	display: none;
}
.modeDisabled{
	ime-mode:disabled;
}
.verisign{
	margin:20px;
	border:1px #ccc solid;
	padding:10px;
	width:300px;
	text-align:left;
}

/* --------------------▲7.「画像アップロード」〜「注文完了」▲-------------------- */





/*
.spc16px{
	margin-left:16px;
}


.left{
	margin:0px;
	padding:0px;
	float:left;
	text-align:left;
}
.left_pdg{
	padding-left:15px;
}

.rd_b {color:#cc0000; font-weight:bold;}

.naviw_re {
	border:solid 1px #cc0000;
	padding:6px 8px;
	margin:0 0 15px 0;
	text-align:left;
	width:520px;	
}



.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;
}



.news{
	width:536px;
	text-align:left;
}
.one_news{
	width:526px;
	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;
}



.login{
	background-color:#E5FFFC;
	background-image:url(images/login_bg.gif);
	background-repeat:repeat-y;
	width:194px;
}
.make{
	background-color:#E5FFFC;
	background-image:url(images/make_bg.gif);
	background-repeat:repeat-y;
	width:194px;
	border-bottom:1px solid #4291DF;
}
.make_kantan{
	background-color:#FFf1BB;
	border:1px solid #FFCC00;
	width:285px;
}
.make_custom{
	background-color:#FFDFEB;
	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;
}

.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-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{
	background-color:#eee;
	width:190px;
}
.info_pdg{
	padding:15px;
	text-align:left;
}





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

.bld{
	font-weight:bold;
}


.blue10{
	color:#00AA99;
	font-size:10px;
}

.red12{
	color:red;
	font-size:12px;
}

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


.right{
	text-align:right;
}
.center{
	text-align:center;
}


.contents_body {
	margin:0px;
	padding:10px 0px 10px 10px;
}


.t12s120 {font-size:12px; line-height:1.5;}
.t12s140 {font-size:12px; line-height:1.5;}

.t14 { font-size:14px;}
.t14s120 { font-size:14px;line-height:1.5;}
.t14s140 { font-size:14px;line-height:1.5;}

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

.card{
	border:1px solid #999;

}
*/