@charset "UTF-8";

@import url("base/reset.css");

@import url("common.css");
@import url("layout.css");
@import url("common_contents.css");

@import url("jhs/parts_menu.css");
@import url("print.css");


/* /////////////////////////////////////////////////////////////////////////// 各パターン共通 */


#cms_01 h3,
#cms_02 h3,
#cms_03 h3,
#cms_04 h3 {
	width:535px;
	padding:0 105px 18px 20px;
	font-size:16px;
	line-height:1.4em;
	font-weight:bold;
	background:url(images/cms_title_bg.gif) no-repeat 0 100%;
	margin-bottom:5px;
}

#cms_01 h4,
#cms_02 h4,
#cms_03 h4,
#cms_04 h4 {
	color:#333;
	font-size:14px;
	margin:0 0 10px 0;
}
#cms_01 h5,
#cms_02 h5,
#cms_03 h5,
#cms_04 h5 {
	border:none;
	padding:0;
	margin:0 0 5px 0;
	color:#333;
	font-size:100%;
}

#cms_01 .honbun,
#cms_02 .honbun,
#cms_03 .honbun,
#cms_04 .honbun { margin:0 20px 25px;}

#cms_01 p,
#cms_02 p,
#cms_03 p,
#cms_04 p {
	margin:0 0 40px 0;
}

#cms_01 p.upDate,
#cms_02 p.upDate,
#cms_03 p.upDate,
#cms_04 p.upDate {
	text-align:right;
	line-height:1.6em;
}

#cms_01 .photo_main img,
#cms_02 .photo_main img,
#cms_03 .photo_main img,
#cms_04 .photo_main img,
#cms_01 .photo_sub img,
#cms_02 .photo_sub img,
#cms_03 .photo_sub img,
#cms_04 .photo_sub img {
	display:block;
	margin-bottom:5px;
}

#cms_01 .photo_main span,
#cms_02 .photo_main span,
#cms_03 .photo_main span,
#cms_04 .photo_main span,
#cms_01 .photo_sub span,
#cms_02 .photo_sub span,
#cms_03 .photo_sub span,
#cms_04 .photo_sub span {
	display:block;
	margin-bottom:40px;
	line-height:1.4em;
	font-size:90%;
}

#cms_01 .text ul,
#cms_02 .text ul,
#cms_03 .text ul,
#cms_04 .text ul { margin:0 0 20px 0 }

#cms_01 .text ol,
#cms_02 .text ol,
#cms_03 .text ol,
#cms_04 .text ol { margin:0 0 10px 0 }

#cms_01 .text li,
#cms_02 .text li,
#cms_03 .text li,
#cms_04 .text li {
	display:block;
}

#cms_01 .text li a,
#cms_02 .text li a,
#cms_03 .text li a,
#cms_04 .text li a {
	padding-left:20px;
	background:url(images/cms_arrow_01.gif) no-repeat 0 50%;
}

#cms_01 .text li a:hover,
#cms_02 .text li a:hover,
#cms_03 .text li a:hover,
#cms_04 .text li a:hover {
	background:url(images/cms_arrow_02.gif) no-repeat 0 50%;
}

/* ////////////////////////////////////////////////////////////////////パターン別【写真】 */

/* パターン1・2共通 */
#cms_01 .photo_sub, 
#cms_02 .photo_sub { width:180px; margin:0 0 0 35px; float:right; }
#cms_01 .photo_sub img, 
#cms_02 .photo_sub img { width:180px; }
#cms_01 .text,
#cms_02 .text { width:400px; }

/* パターン1・4共通 */
#cms_01 .photo_main,
#cms_04 .photo_main { width:435px; margin:0 0 0 112px; }
#cms_01 .photo_main img,
#cms_04 .photo_main img { width:435px; }

/* パターン3のみ */
#cms_03 .photo_area { margin:0 0 40px 0; }
#cms_03 .photo_area img { width:180px; }
#cms_03 .photo_area ul { margin:0; padding:0; }
#cms_03 .photo_area li { float:left; width:180px; margin:0 40px 0 0; padding:0;}
#cms_03 .photo_area li.photo03 { margin:0; }

/* パターン4のみ */
#cms_04 .photo_sub img { width:290px; }
#cms_04 .photo_sub ul { margin:0; padding:0; }
#cms_04 .photo_sub li { float:left; width:290px; margin:0 40px 0 0; padding:0;}
#cms_04 .photo_sub li.photo03 { margin:0; }