@charset "Shift_JIS";

/* ==============================================================

	12-07-04
	ペピイ テキスト記事テンプレート用CSS

============================================================== */

/* title
-------------------------------------------*/

/* -- 記事タイトル -- */
div#OtherBox h2 {
	padding: 20px 10px 17px 15px;
	font-size: 90%;
	font-weight: bold;
	line-height: 1.2;
	color: #666;
}

/* -- 画像のタイトル -- */
div#archive_common .titImg01 {
	margin-bottom: 25px;
}

/* -- 大見出し -- */

.title01_01,
.title01_02,
.title01_03,
.title01_04 {
	margin-bottom: 15px;
	padding: 13px 20px;
	border-top: 2px solid #999;
	background-color: #eee;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4;
}

.title01_01 { /* pink */
	border-color: #f45a66;
	background-color: #fff0f1;
	color: #f2525e;
}

.title01_02 { /* blue */
	border-color: #3ab6dc;
	background-color: #e3f6fd;
	color: #107fa1;
}

.title01_03 { /* orange */
	border-color: #ff631c;
	background-color: #fff0e4;
	color: #f24c00;
}

.title01_04 { /* green */
	border-color: #09a66b;
	background-color: #e8ffe9;
	color: #00955d;
}

/* -- 中見出し -- */

.title02_01,
.title02_02,
.title02_03,
.title02_04 {
	margin-bottom: 15px;
	padding: 0 0 10px 0;
	background: url(/files/images/library/archive/html/line_dotted_01.png) 0 100% repeat-x;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4;
}

.title02_01 span,
.title02_02 span,
.title02_03 span,
.title02_04 span {
	display: block;
	min-height: 20px;
	height: auto !important;
	height: 20px;
	padding-left: 30px;
	background: url(/files/images/library/archive/html/icon_paw_01.png) 0 0 no-repeat;
	*zoom: 1;
}

.title02_01 { /* pink */
	background-image: url(/files/images/library/archive/html/line_dotted_01.png);
	color: #f2525e;
}
.title02_01 span { background-image: url(/files/images/library/archive/html/icon_paw_01.png);}

.title02_02 { /* blue */
	background-image: url(/files/images/library/archive/html/line_dotted_02.png);
	color: #107fa1;
}
.title02_02 span { background-image: url(/files/images/library/archive/html/icon_paw_02.png);}

.title02_03 { /* orange */
	background-image: url(/files/images/library/archive/html/line_dotted_03.png);
	color: #f24c00;
}
.title02_03 span { background-image: url(/files/images/library/archive/html/icon_paw_03.png);}

.title02_04 { /* green */
	background-image: url(/files/images/library/archive/html/line_dotted_04.png);
	color: #00955d;
}
.title02_04 span { background-image: url(/files/images/library/archive/html/icon_paw_04.png);}

.title03_01 {
	margin-bottom: 15px;
	padding-left: 20px;
	background: url(/files/images/library/archive/html/icon_circle_01.png) 0 0.2em no-repeat;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4;
}

.title04_01,
.title05_01 {
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4;
}

.title05_01 {
	font-size: 14px;
}

.title06_01 {
	margin-bottom: 15px;
	font-size: 20px;
	text-align: center;
	font-weight: 700;
	line-height: 1.4;
}

.title07_01 { /* yellow icon title and blown txt */
	margin: 0 0 10px;
	padding-left: 22px;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.4;
	background: url(/files/images/library/archive/html/icon_circle_03.png) 0 0.2em no-repeat;
	color: #684737;
}

.title08_01 { /* blown txt */
	margin: 0 0 10px;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.4;
	color: #684737;
}

.icoTitle01 {
	min-height: 22px;
	height: auto !important;
	height: 22px;
	margin-bottom: 15px;
	padding-left: 30px;
	background-position: 0 0;
	background-repeat: no-repeat;
	font-size: 16px;
	line-height: 1.4;
}


/* -- 角丸ベタ見出し -- */

.subtitle01_04,
.subtitle01_03,
.subtitle01_02,
.subtitle01_01 { /* pink */
	position: relative;
	display: inline-block;
	*display: inline;  
    *zoom: 1;
	padding: 5px 12px;
	margin-bottom: 12px;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.4;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	behavior: url(/files/js/PIE.htc);
	background: #ff6d78;
	color: #fff;
}

.subtitle01_02 { /* blue */
	background: #34bde7;
}

.subtitle01_03 { /* orange */
	background: #fd7e44;
}

.subtitle01_04 { /* green */
	background: #2eb985;
}





/* block
-------------------------------------------*/

/* -- 装飾のないブロック -- */
div#archive_common .sec01 {
	padding-bottom: 15px;
}

/* -- フロートする際のブロック -- */

div#archive_common .floatWrap01 {
	overflow: hidden;
	*zoom: 1;
}

div#archive_common .imgR01 {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

div#archive_common .imgL01 {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.noPour {
	overflow: hidden;
	*zoom: 1;
}

/* -- ボックススタイル --*/

div#archive_common .boxStyle01 { /* bejyu kadomaru box */
	position: relative;
	margin-bottom: 40px;
	padding: 24px;
	behavior: url(/files/js/PIE.htc);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: #fff1ce;
}

div#archive_common .boxStyle02 { /* line box */
	margin-bottom: 40px;
	padding: 24px;
	border: solid 1px #684737;
}


/* -- 罫線 -- */

.secHr,
.inSecHr {
	font-size: 0;
	line-height: 0;
}

.secHr hr,
.inSecHr hr {
	display: none;
}

.secHr {
	margin-bottom: 45px;
}

.inSecHr {
	margin-bottom: 30px;
}

.lineDotted01 {
	height: 1px;
	background: url(/files/images/library/archive/html/line_dotted_05.png) 0 0 repeat-x;
}

.lineSolid01 {
	height: 1px;
	background: url(/files/images/library/archive/html/line_solid_01.png) 0 0 no-repeat;
}

.linePaw01 {
	height: 21px;
	background: url(/files/images/library/archive/html/line_paw_01.png) 0 0 no-repeat;
}



/* entry style
-------------------------------------------*/

div#archive_common {
	background-color: #fff;
	padding: 20px 20px 10px;
	line-height: 2.0;
	font-size: 14px;
	color: #444;
}

/* -- 文章 -- */
div#archive_common .txt01,
div#archive_common .txt02 {
	margin-bottom: 25px;
	letter-spacing: 1px;
	/*text-align: justify;*/
	/*text-justify: inter-ideograph;*/
	text-indent: 1em;
}

div#archive_common .txt02 { text-indent: 0;}

/* -- リスト -- */

.icoList01,
.icoList02,
.linkList01 {
	margin: 0 0 18px;
	padding: 0;
	list-style: none;
}

.icoList01 li,
.icoList02 li,
.linkList01 li {
	padding-bottom: 7px;
	letter-spacing: 1px;
	/*text-align: justify;*/
	/*text-justify: inter-ideograph;*/
}

.icoList01 li {
	min-height: 22px;
	height: auto !important;
	height: 22px;
	padding-left: 30px;
}

.icoList02 li {
	padding-left: 18px;
	background: url(/files/images/library/archive/html/icon_circle_02.png) 0 0.65em no-repeat;
}

.linkList01 li {
	padding-left: 18px;
}

.linkList01 li.arrow01,
.linkList01 li.arrow02,
.linkList01 li.arrow03,
.linkList01 li.arrow04 { background-position: 0 0.7em;}

/* -- 画像横並びリスト -- */

.imgList01 {
	width: 547px;
	margin-left: -17px;
	margin-bottom: 25px;
	*zoom: 1;
}

.imgList01 li {
	float: left;
	width: 165px;
	display: inline;
	margin-left: 17px;
}

.cap01 {
	margin-top: 5px;
	font-size: 12px;
}

/* -- 横並びリスト用 ポラロイド風 -- */
.imgList01 li.imgType01 {
	width: 150px;
	padding: 6px 7px 9px 6px;
	border: 1px solid #ddd;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

.imgList01 li.imgType01 .cap01 {
	margin-top: 10px;
	text-align: center;
}



/* icon style
-------------------------------------------*/

.icon {
	background-position: 0 0.2em;
	background-repeat: no-repeat;
}

.num01_01 { background-image: url(/files/images/library/archive/html/icon_num01_01.png);}
.num02_01 { background-image: url(/files/images/library/archive/html/icon_num02_01.png);}
.num03_01 { background-image: url(/files/images/library/archive/html/icon_num03_01.png);}
.num04_01 { background-image: url(/files/images/library/archive/html/icon_num04_01.png);}
.num05_01 { background-image: url(/files/images/library/archive/html/icon_num05_01.png);}

.num01_02 { background-image: url(/files/images/library/archive/html/icon_num01_02.png);}
.num02_02 { background-image: url(/files/images/library/archive/html/icon_num02_02.png);}
.num03_02 { background-image: url(/files/images/library/archive/html/icon_num03_02.png);}
.num04_02 { background-image: url(/files/images/library/archive/html/icon_num04_02.png);}

.num01_03 { background-image: url(/files/images/library/archive/html/icon_num01_03.png);}
.num02_03 { background-image: url(/files/images/library/archive/html/icon_num02_03.png);}
.num03_03 { background-image: url(/files/images/library/archive/html/icon_num03_03.png);}
.num04_03 { background-image: url(/files/images/library/archive/html/icon_num04_03.png);}

.num01_04 { background-image: url(/files/images/library/archive/html/icon_num01_04.png);}
.num02_04 { background-image: url(/files/images/library/archive/html/icon_num02_04.png);}
.num03_04 { background-image: url(/files/images/library/archive/html/icon_num03_04.png);}
.num04_04 { background-image: url(/files/images/library/archive/html/icon_num04_04.png);}

.q01 { background-image: url(/files/images/library/archive/html/icon_q_01.png);}
.q02 { background-image: url(/files/images/library/archive/html/icon_q_02.png);}
.q03 { background-image: url(/files/images/library/archive/html/icon_q_03.png);}
.q04 { background-image: url(/files/images/library/archive/html/icon_q_04.png);}

.a01 { background-image: url(/files/images/library/archive/html/icon_a_01.png);}
.a02 { background-image: url(/files/images/library/archive/html/icon_a_02.png);}
.a03 { background-image: url(/files/images/library/archive/html/icon_a_03.png);}
.a04 { background-image: url(/files/images/library/archive/html/icon_a_04.png);}

.arrow01 { background-image: url(/files/images/library/archive/html/icon_arrow_01.png);}
.arrow02 { background-image: url(/files/images/library/archive/html/icon_arrow_02.png);}
.arrow03 { background-image: url(/files/images/library/archive/html/icon_arrow_03.png);}
.arrow04 { background-image: url(/files/images/library/archive/html/icon_arrow_04.png);}

.hint01 { background-image: url(/files/images/library/archive/html/icon_hint_01.png);}
.hint02 { background-image: url(/files/images/library/archive/html/icon_hint_02.png);}
.hint03 { background-image: url(/files/images/library/archive/html/icon_hint_03.png);}
.hint04 { background-image: url(/files/images/library/archive/html/icon_hint_04.png);}

.exc01 { background-image: url(/files/images/library/archive/html/icon_!_01.png);}
.exc02 { background-image: url(/files/images/library/archive/html/icon_!_02.png);}
.exc03 { background-image: url(/files/images/library/archive/html/icon_!_03.png);}
.exc04 { background-image: url(/files/images/library/archive/html/icon_!_04.png);}


/* class
-------------------------------------------*/

.mgt5 { margin-top: 5px;}
.mgt10 { margin-top: 10px;}
.mgt20 { margin-top: 20px;}
.mgt30 { margin-top: 30px;}
.mgt40 { margin-top: 40px;}

.mgb5 { margin-bottom: 5px;}
.mgb10 { margin-bottom: 10px;}
.mgb20 { margin-bottom: 20px;}
.mgb30 { margin-bottom: 30px;}
.mgb40 { margin-bottom: 40px;}

.clear { clear: both;}

.bold { font-weight: 700;}

.em01 {
	color: #5A3403;
  font-weight: 700;
}

.txtColor01 { /* pink */
	color: #f2525e;
}

.txtColor02 { /* blue */
	color: #107fa1;
}

.txtColor03 { /* orange */
	color: #f24c00;
}

.txtColor04 { /* green */
	color: #00955d;
}

/* 通常画像用装飾 */

.imgType02 {
	padding: 5px;
	border: 1px solid #ddd;
	background-color: #fff;
}


/* ソーシャルボタン用*/
#archive_common .entry_header {
	margin-bottom: 10px;
}

#archive_common .entry_header_btm {
	margin-top: 10px;
}

#archive_common .entry_header ul,
#archive_common .entry_header_btm ul {
	height: 32px;
	list-style: none;
	font-size: 12px;
}

#archive_common .entry_header ul li,
#archive_common .entry_header_btm ul li {
	display: inline;
	padding-right: 3px;
	line-height: 1em;
}

#archive_common .entry_header ul li p,
#archive_common .entry_header_btm ul li p {
	display: inline;
}

#archive_common .entry_header ul li img.tit,
#archive_common .entry_header_btm ul li img.tit {
	padding-bottom: 12px;
}




li.line_height1 {
	line-height:1.0;
}

/* ----------------------------------------

clearfix (必要なければ消す)

---------------------------------------- */

/* Modern Browsers
------------------------------- */

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

/* Legacy IE
------------------------------- */

.imgList01 {
	*zoom: 1;
}