@charset "UTF-8";

/*
/////////////////////////////////////
index.html
/////////////////////////////////////
*/

/* +++++++++++ 特徴 +++++++++++ */

.Features {
	clear: both;
	background: #fff;
	text-align: left;
}

.Features h4 {
	margin: 0 0 3px;
	padding: 3px 10px 3px 50px;
	font-size: 15px;
	line-height: 120%;
}

.Features h4 span {
	font-size: 11px;
	font-weight: normal;
}

.Features .TextArea {
	width: 360px;
	min-height: 152px;
	_height: 152px;
	padding: 0 240px 0 0;
}

.Features .Text {
	clear: both;
	min-height: 110px;
	_height: 110px;
	padding: 15px 0 0 5px;
	background: url(../../common/images/dotline.gif) repeat-x;
	line-height: 160%;
}

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

/* ICON */
.FeaturesIcon {
	position: absolute;
	z-index: 1;
	width: 130px;
	height: 38px;
	margin: 12px 0 0 408px;
	_margin: 12px 0 0 98px;
	text-align: left;
}
*+html .FeaturesIcon {
	margin: 12px 0 0 98px;
}

/* 特徴1 */
.Features .Contents01 {
	margin: 0 0 0 10px;
	padding: 5px 0 10px;
}

.Features .Contents01 h4 {
	background: url(../images/icon_1.gif) no-repeat;
}

.Features .Contents01 .TextArea {
	background: url(../images/6features_image_01.jpg) right bottom no-repeat;
}

/* 特徴2 */
.Features .Contents02 {
	margin: 0 0 0 10px;
	padding: 5px 0 10px;
}

.Features .Contents02 h4 {
	background: url(../images/icon_2.gif) no-repeat;
}

.Features .Contents02 .TextArea {
	background: url(../images/6features_image_02.jpg) right bottom no-repeat;
}

/* 特徴3 */
.Features .Contents03 {
	margin: 0 0 0 10px;
	padding: 5px 0 10px;
}

.Features .Contents03 h4 {
	background: url(../images/icon_3.gif) no-repeat;
}

.Features .Contents03 .TextArea {
	background: url(../images/6features_image_03.jpg) right bottom no-repeat;
}

/* 特徴4 */
.Features .Contents04 {
	margin: 0 0 0 10px;
	padding: 5px 0 10px;
	background: url(../images/6features_image_04.jpg) right bottom no-repeat;
}

.Features .Contents04 h4 {
	background: url(../images/icon_4.gif) no-repeat;
}

.Features .Contents04 .TextArea {
}

/* 特徴5 */
.Features .Contents05 {
	margin: 0 0 0 10px;
	padding: 5px 0 10px;
	background: url(../images/6features_image_05.jpg) right bottom no-repeat;
}

.Features .Contents05 h4 {
	background: url(../images/icon_5.gif) no-repeat;
}

.Features .Contents05 .TextArea {
}

/* コンテンツ写真 */
.Features .Text span {
	float: left;
	color: #000;
	font-weight: bold;
	line-height: 100%;
	vertical-align: bottom;
}

.Features .Text span img {
	margin: 0 0 0 -5px;
	_margin: 0;
}

.Features .Text span.Image02 {
	margin: 48px 0 0 5px;
	_margin: 48px 0 0 0;
}

.Features .Text span.Image03 {
	margin: 110px 0 0 5px;
	_margin: 110px 0 0 0;
}

/* 特徴6 */
.Features .Contents06 {
	margin: 0 0 0 10px;
	padding: 5px 0 10px;
}

.Features .Contents06 h4 {
	background: url(../images/icon_6.gif) no-repeat;
}

.Features .Contents06 .TextArea {
	background: url(../images/6features_image_06.jpg) right bottom no-repeat;
}


/*
/////////////////////////////////////
enjoy.html
/////////////////////////////////////
*/

/* +++++++++++ フォトブックを楽しむ +++++++++++ */

.Enjoy {
	clear: both;
	padding: 0 0 15px;
	background: #fff;
	text-align: left;
}

.Enjoy .TextArea {
	margin: 10px 15px 0px;
}

.Enjoy .Text {
	margin: 0 0 10px;
	font-size: 14px;
	line-height: 160%;
}

/* +++++++++++ 写真を撮ったら、写真がたまったらすぐフォトブックに +++++++++++ */

.Example {
	float: left;
	width: 200px;
	margin: 0 10px 5px 0;
	text-align: left;
}

.Example h3 {
	width: 95px;
	padding: 4px 10px;
	background: #00b5cc;
	color: #fff;
	font-size: 12px;
}

.Example .Text {
	min-height: 55px;
	_height: 55px;
	padding: 10px 10px 0;
	background: #fff;
	font-size: 11px;
	line-height: 160%;
}

.Example .Image {
	padding: 10px;
	background: #fff url(../../common/images/dotline.gif) repeat-x;
}

/* +++++++++++ 写真の整理整頓が簡単 +++++++++++ */

.Easy {
	float: left;
	width: 305px;
	margin: 0 10px 5px 0;
	text-align: left;
}

.Easy h3 {
	padding: 4px 10px;
	background: #f16477;
	color: #fff;
	font-size: 12px;
}

.Easy .Text {
	padding: 10px 10px 0;
	background: #fff;
	font-size: 11px;
	line-height: 160%;
}

.Easy .Image {
	padding: 10px;
	background: #fff;
}

/* +++++++++++ パソコンに写真が溜まったままになってませんか？ +++++++++++ */

.Graph {
	background: #fff;
	text-align: left;
}

.Graph .Text {
	padding: 10px 10px 5px;
	line-height: 160%;
}

.Graph .Image {
}


.space {
	margin: 20px 0 0 0;
}

.nondisp {
	/*visibility: hidden;*/
	display: none;
}