@charset "UTF-8";

/*=================================*/
/*  初期設定					   */
/*=================================*/
#contents_main * {
	color: #000000;
	margin: 0;
	padding: 0;
	font: 12px/18px "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
	color: #000;
	background-color: #fff;
	
	/* CSS Layout debug */
	/*border: 1px #FF0000 solid;*/
}

.contwrap { /* photoshop.html用 */
	width: 950px;
	margin: 1em 0 0 1.5em;
	/*border: 1px #FF0000 solid;*/
}



/*=================================*/
/*  Tag  						   */
/*=================================*/
#contents_main h1 {
	margin-bottom: 0.6em;
	padding-left: 1.5em;
	font-size: 16px;
	font-weight: bold;
	background: #FFFFFF url(../CImage/common/h1_point.gif) no-repeat left center;
}

#contents_main h2 {
	margin: 2em 0 0.7em 0;
	padding-left: 1.6em;
	font-size: 14px;
	font-weight: bold;
	background: #FFFFFF url(../CImage/common/h2_point.gif) no-repeat 8px center;
}

#contents_main h3 {
	margin: 0.5em 0 0.2em 1em;
	padding-left: 1.6em;
	font-size: 12px;
	font-weight: bold;
	background: #FFFFFF url(../CImage/common/h3_point.gif) no-repeat 8px center;
}

#contents_main h4 {
	margin-bottom: 0;
	font-size: 13px;
	font-weight: bold;
	color: #444748;
	text-decoration: underline;
	background-color: #F7F7F7; /* Point! #EDF5FB */
}

#contents_main p {
	margin: 0.7em 0 0 1.8em;
	width: 660px;
	font-size: 12px;
	letter-spacing: 1px;
	word-spacing: 1px;
	text-indent: 1em;
}

#contents_main ul {
	margin: 1em 0 1em 0;
	padding-left: 4em;
	width: 600px;
	font-size: 12px;
	letter-spacing: 1px;
	word-spacing: 1px;
}

#contents_main ul li {
	margin: 0.7em;
}

#contents_main img {
	margin: 15px 0 10px 70px;
}

#contents_main object, #contents_main embed {
	margin: 15px 0 0 70px;
}


/*=================================*/
/*  CLASS  						   */
/*=================================*/
/* Extend */
#contents_main h3.top {
	margin-top: 1.2em;
}

#contents_main h3.after {
	margin: 2em 0 0.2em 1em;
}

#contents_main h2 img {
	margin: 0;
	width: 18px;
	vertical-align: text-bottom;
	background: #FFFFFF none;
}

#contents_main h3.app {
	padding-left: 0.7em;
	background: none;
}

#contents_main h3.app img {
	margin: 0;
	width: 16px;
	vertical-align: text-bottom;
}

#contents_main strong {
	font-weight: bold;
}

#contents_main strong.fig {
	color: #1760aa;
}

/* cBox */
#contents_main .cBox {
	margin: 0.7em 0 0 0;
}

/* cBoxL */
#contents_main .cBox .cBoxL {
	float: left;
	margin: 0;
	padding: 0;
	width: 681px;
}

#contents_main .cBox .cBoxL p {
	margin: 0 0 0 1.8em;
	padding: 0;
}

#contents_main .cBox .cBoxL p.after {
	margin: 1em 0 0 1.8em;
}

#contents_main .cBox .cBoxL .slideBox {
	height: 0;
	width: 580px;
	overflow: hidden;
	padding-left: 70px;
}

#contents_main .cBox .cBoxL .slideBox img {
	border: none;
	margin: 0;
	padding-top: 15px;
}

/* cBoxR */
#contents_main .cBox .cBoxR {
	float: left;
	margin: 0 0 0 2.5em;
	width: 200px;
}

#contents_main .cBox .cBoxR div {
	clear: both;
	padding-bottom: 1.5em;
}

#contents_main .cBox .cBoxR div.last {
	clear: both;
	padding-bottom: 0;
}


#contents_main .cBox .cBoxR img {
	padding: 0;
	margin: 0;
	border-top: 1px #999 solid;
	border-left: 1px #999 solid;
	border-right: 1px #333 solid;
	border-bottom: 1px #333 solid;
	cursor: pointer;
}

#contents_main .cBox .cBoxR p {
	width: auto;
	margin: 0 0 1em 0;
	padding: 3px 3px 0 0;
	color: #000;
}

#contents_main .cBox .cBoxR p span {
	font-size: 12px;
	text-indent: 0;
}

#contents_main .cBox .cBoxR p span img {
	cursor: default;
	border: none;
}

#contents_main .cBox .cBoxR p span.left {
	float: left;
	color: #1760aa;
	font-weight: bold;
}

#contents_main .cBox .cBoxR p span.right {
	float: right;
}


/* POINT */
#contents_main .pointBox {
	margin: 1.5em 0 2em 2em;
	padding: 10px 10px 0 15px;
	width: 620px;
	border: 1px #CCC solid;
	background-color: #F7F7F7;
}

#contents_main .pointBox * {
	background-color: #F7F7F7;
}

#contents_main .pointBox p {
	margin: 0.7em 0 1em 0;
	padding-left: 0.7em;
	text-indent: 0;
	width: 605px;
}

#contents_main .cBox .pointBox {
	margin: 1.5em 0 0.5em 2em;
}

#contents_main .cBox .pointBox * {
	background-color: #F7F7F7;
}

#contents_main .cBox .pointBox p {
	margin: 0.7em 0 1em 0;
	padding-left: 0.7em;
}

#contents_main .cBox .pointBox img {
	margin: 0 0 1em 3em;
}

#contents_main .cBox .pointBox ul {
	width: 570px;
	padding-left: 2em;
}

#contents_main .cBox .pointBox .slideBox {
	width: 550px;
	margin: 0;
	padding-left: 3em;
}

#contents_main .cBox .pointBox .slideBox img {
	padding: 0 0 1em 0;
}


/* back */
#contents_main p#back {
	margin: 2em 0 0 0;
	text-indent: 0;
}

#contents_main p#back a {
	font-size: 11px;
	text-decoration: none;
	outline: none;
}

#contents_main p#back span {
	font-size: 15px;
}

#contents_main p#back a:hover {
	color: #999999;
}

#contents_main p#back a:hover span {
	color: #999999;
}


/* no-TopMargin */
#contents_main .noTopMargin {
	margin-top: 0;
}


/* Float Clear */
#contents_main .clear {
	clear: both;
}


/* Float-BOX Fix */
.clearfix {
	min-height: 1%;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}