@charset "utf-8";/*<meta http-equiv="Content-Type" content="text/html; charset=utf-8">*/

@import url("layout.css");
@import url("tables.css");

dl,dt,dd,ul,ol,p,blockquote{margin:0;padding:0;}
body{
	font-family:"ＭＳ Ｐゴシック", Osaka;
	background-color:#d8ffd8;text-align:center;
	margin:0px auto;
	font-size:100%;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	min-width:600px;

}
img{border:none;}
dt{margin-top:20px;font-weight:bold;color:#47b247;}
dd{margin-top:10px;}
hr{height:1px;border:none;border-top:1px solid #999;color:#999;}
b{background:#ffea00;padding:1px 1px;}
strong{color:#47b247;}
table{font-size:95%;}

.attention{
	color:#ff0000;
	font-weight:bold;
}


input,textarea{font-family:"ＭＳ Ｐゴシック", Osaka;}
pre{
	font-family:"ＭＳ Ｐゴシック", Osaka;
	line-height:1.7em;
	padding: 1em;
	margin-left: 20px;
	/*background-color: #efefef;*/
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: pre-wrap;      /* CSS3 */
	word-wrap: break-word;      /* IE 5.5+ */
	}

.pre{
	font-family:"ＭＳ Ｐゴシック", Osaka;
	line-height:1.7em;
	padding: 1em;
	margin-left: 20px;
	/*background-color: #efefef;*/
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: pre-wrap;      /* CSS3 */
	word-wrap: break-word;      /* IE 5.5+ */
	}


a:hover{text-decoration:none;}


.fr{float:right;}
.fl{float:left;}
.cb{clear:both;}

.frImg{float:right;}
.frImg{float:right;}

.defMargin{margin:12px 12px;}

.floatObj{
float:left;
margin:0 10px 5px 5px;
}

.clear{clear:both;font-size:0;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix + *{
    clear: both;
}

.largeStrong{color:#47b247;font-size:130%;}
.bold{font-size:120%;font-weight:bold;}
.arw{vertical-align:middle;margin-right:3px;}

.caution{border:2px solid #ff0000;padding:2.2em 5px 5px 5px;background:url(../img/caution.gif) no-repeat 8px 0.5em;}
.caution p{margin-bottom:20px !important;}
.caution ul{margin-left:0 !important;padding-left:0 !important;}
.caution li{margin-bottom:1.3em !important;}


table.spec{
border:1px solid #999;
margin:0px 3% 20px 3%;
width:94%;
}
table.spec th{
background-color:#ccc;;

}



.tip{color:#999999;}
.thema{color:#47b247}

.fl{float:left;}
.flMargin{float:left;margin:10px 10px 10px 0px;}
.fr{float:right;}
.frMargin{float:right;margin:10px 0px 10px 10px;}
.strike{text-decoration:line-through}

.borderBg{margin:60px 0 50px 0;background:url(../img/common/border_bg.gif) repeat-x;}
/*テーマ,#47b247　薄い,#d8ffd8　アクセント #0068B2 */


#category-image{margin-top:10px;}

.indent{margin-left:25px;}


.screen-shot{
	border:2px solid #333;
	margin-top:-15px;
	margin-bottom:50px;
}
.screen-h{
	border:1px solid #999;
	margin-bottom:0px;
	margin-left:8px;
}

#flash{
	font-size:150%;
	color:#ff0000;
	border:2px solid #ff0000;
	padding:5px;
	margin-bottom:10px;
}




/* 外部リンク要素
----------------------------------------------------------- */
#content p a[href^="http"]	{ 
	background: url(../img/common/external.gif) no-repeat 100% 50%;	/*モダンブラウザ向け*/
	padding:0 18px 0 0;

}
.external{ 
	background: url(../img/common/external.gif) no-repeat 100% 50%;
	padding:0 18px 0 0;
}
#content p a[href^="http://www.be-webdesigner.com/"]	{
	padding: inherit;
	background: transparent;
	/*padding:0 0px 0 0 !important;*/
}







#faq{margin:20px 10px 0 10px !important;}
#faq dt{background:url(../img/common/q.gif) no-repeat left center /*#fff7cf*/;color:#333333;padding:8px 0 3px 30px;margin:5px 0;/*border-top:1px dashed #aaaaaa;*/border-bottom:1px dashed #aaaaaa;}
#faq dd{background:url(../img/common/a.gif) no-repeat;padding:2px 10px 3px 22px;margin-bottom:49px;}
#faq p{margin:0 0 20px 0px !important;/*font-size:100% !important;*/}


/*
.form-input{border-top:2px solid #999;border-left:2px solid #999;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
*/

#formErrorIndex{
	border:2px solid #ff0000;padding:5px;margin:10px 0;
	padding:13px 0 13px 45px;background:url(../img/form/alert.gif) no-repeat 7px 8px;
}
#formFlash{
	border:2px solid #ff0000;padding:5px;margin:10px 0;
	padding:13px 0 13px 45px;background:url(../img/form/alert.gif) no-repeat 7px 8px;
}




.formError{
background:url(../img/form/alert_small.gif) no-repeat 3px center #d8ffd8;
padding:3px 0 3px 25px;
margin:2px 0 10px 0;
}




/* form */
form .submit{
border:1px solid #999;
vertical-align:middle;
padding:3px 4px 2px 4px;
font-size:120%;
background-color:#eee;
}
form .return{
border:1px solid #999;
vertical-align:middle;
padding:3px 0 2px 0;
background-color:#eee;
}



/* top */
#top-information{
margin-left:0;paading:0px;line-height:2em;
}

#top-information li{
margin:0 0 18px 0;padding:0;
}