@charset "utf-8";
/* CSS Document */

html,body{
	margin	: 0px;
	padding	: 0px;
}

#main_area {
	width	: 976px;
	margin	: 0 auto;
}

#example {
	width		: 924px;
	background	: #FFC;
	margin		: 30px 0;
	padding		: 25px 25px 20px 25px;
	overflow	: hidden;
	border		: solid 1px #FC3;
	font-size	: 12px;
}

#h03 {
	font-size	: 16px;
	color		: #333;
	font-family	: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin		: 0 !important;
}

#main_useguide .box .h3design {
	padding		: 0.3em 1.5em 0.35em;
	font-size	: 15px;
	line-height	: 1.3em;
	color		: #333;
}

#mainBox {
	width			: 976px;
	background		: #90d0f3;
	margin-top		: 20px;
	margin-bottom	: 40px;
	padding-bottom	: 17px;
}
#mainInner {
	width		: 916px;
	margin		: 0 auto;
	padding		: 13px;
	background	: #cbe9fa;
}

.bnr {
	/*width		: 924px;*/
	margin		: 0 auto;
	overflow	: hidden;
}

.bnr table td {
	width		: 450px;
	line-height	: 1.5;
	font-size	: 14px;
}

.bnr td.tableH1 {
	font-weight	: bold;
	font-size	: 14px;
	color		: #444;
	text-align	: center;
}

.bnrL {
	width		: 450px;
	overflow	: hidden;
	margin		: 15px 13px 5px 0;
	float		: left;
}

.bnr ul {
	margin		:9px 0 10px 25px;
	padding		: 0;
}

.bnr li {
	line-height	: 1.5;
	list-style	: none;
}

.bnrR {
	width		: 450px;
	overflow	: hidden;
	margin		: 15px 0 5px 0;
	float		: left;
}

.bnr01 {
	position			: relative;
	display				: block;
	text-decoration		: none;
	color				: #333;
	border				: 1px solid #ffc787;
	border-radius		: 8px;
	background-image	: -webkit-gradient(linear, center top, center bottom, from(#fcdf8f), to(#fa8805));
	background-image	: -webkit-linear-gradient(top, #fcdf8f, #fa8805);
	background-image	: -moz-linear-gradient(top, #fcdf8f, #fa8805);
	background-image	: -o-linear-gradient(top, #fcdf8f, #fa8805);
	background-image	: -ms-linear-gradient(top, #fcdf8f, #fa8805);
	background-image	: linear-gradient(to bottom, #fcdf8f, #fa8805);
	-webkit-box-shadow	: 0 1px 0 rgba(255,255,255,0.17);
	-moz-box-shadow		: 0 1px 0 rgba(255,255,255,0.17);
	box-shadow			: 0 1px 0 rgba(255,255,255,0.17);
}

.bnrTxt {
	position	: absolute;
}

.txtBox1 {
	float	: left;
}

.box {
	margin-bottom	: 20px;
	overflow		: hidden;
}

.box1 {
	width	: 48%;
	float	: left;
	padding-bottom	: 10px;
}

.box2 {
	width		: 48%;
	float		: left;
	margin-left	: 4%;
	padding-bottom	: 10px;
}

.boxImg {
	float		: right;
	margin-left	: 20px;
}

#mainBtm {
}

.mailBnr {
	margin-bottom	: 20px;
	overflow		: hidden;
	clear			: both;
	margin			: 0 auto !important;
}

.bg01 {
	background	: #f5ffe1;
}

.mailBnr p img {
	clear	: both;
}

#main_useguide p.link {
	background: url(../../../useguide/images/common/icon_link.gif) no-repeat 13px 0;
}

.h3design {
	background: url(../../../useguide/images/common/title_h3.gif) no-repeat left top;
}

/*-----------------*/

p.paragraph02 {
	font-size	: 12px;
	line-height	: 183%;
	margin		: 0 10px;
	color		: #444;
	overflow	: auto;
}

li.paragraph02 {
	font-size	: 12px;
	line-height	: 153%;
}


.pl_30 {
	padding-left	: 30px;
}

.mr_10 {
	margin-right	: 10px;
}

.mr_20 {
	margin-right	: 20px;
}

.txt12 {
	font-size	: 12px;
}

.txt14 {
	font-size	: 14px;
}

.color_red {
	color	: #F00;
}

.box1 .h04 {
	color		: #808080 !important;
	font-size	: 12px;
	font-weight	: bold;
	margin-left	: 10px;
}

h2#pointH2 {
	background: #ceedb8; /* Old browsers */
	background: -moz-linear-gradient(top,  #ceedb8 0%, #fafff2 5%, #ceedb8 99%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ceedb8), color-stop(5%,#fafff2), color-stop(99%,#ceedb8), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ceedb8 0%,#fafff2 5%,#ceedb8 99%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ceedb8 0%,#fafff2 5%,#ceedb8 99%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ceedb8 0%,#fafff2 5%,#ceedb8 99%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ceedb8 0%,#fafff2 5%,#ceedb8 99%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ceedb8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	font-size	: 18px;
	color		: #333;
	line-height	: 2em;
	padding-left: 25px;

}
