@charset "utf-8";

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

		column.css
	ゆうことゆうたの日々是精進。の指定

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


/*--- 登場人物紹介 ---*/

/*枠*/
div.characterBox{
	width:598px;
	padding:10px;
	margin:20px auto;
	background:#fffff7;
	border:1px dashed #cdcdcd;
	position:relative;
}

/*登場人物テキスト*/
p.character{
	position:absolute;
	top:-10px;
}

/*ゆうこ*/
div.charaYuko{
	width:295px;
	background:url(../column/img/chara_yuko.png) no-repeat left;
	float:left;
	margin-top:5px;
}

div.charaYuko p{
	margin-left:60px;
	line-height:1.4;
	font-size:0.95em;
}

/*ゆうた*/
div.charaYuta{
	width:295px;
	background:url(../column/img/chara_yuta.png) no-repeat left;
	float:right;
	margin-top:5px;
}

div.charaYuta p{
	margin-left:60px;
	line-height:1.4;
	font-size:0.95em;
}


/*--- 新着の物語 ---*/

/*枠*/
div.newArticle{
	background:url(../column/img/bg_01.png);
	width:650px;
	padding-bottom:5px;
	margin:20px 0 ;
}

div.newArticle a{
	text-decoration:none;
}

div.newArticle a:hover{
	text-decoration:underline;
}


div.newArticle p{
	font-weight:bold;
	background:url(../column/img/lm_01.png) no-repeat left;
	padding-left:18px;
	margin-left:5px;
}

div.newArticle_inner{
	background:#FFF;
	width:640px;
	padding:5px 0;
	margin-left:5px;
	padding-bottom:5px;
}

div.newArticle_inner ul{
	padding:0 10px;
	overflow:hidden;
}

div.newArticle_inner ul li{
	background:url(../column/img/new.gif) no-repeat 0 2px;
	padding-left:35px;
	margin:8px 0;
	font-size:1.2em;
	line-height:1.4;
}


/*--- 過去のコラムリスト ---*/

/*枠*/
ul.columnList{
	margin-bottom:20px;
}

ul.columnList a{
	text-decoration:none;
}

ul.columnList a:hover{
	text-decoration:underline;
}


ul.columnList li{
	padding:10px 0;
	border-bottom:1px dashed #999;
	background:url(../column/img/lm_02.png) no-repeat 8px 11px;
	padding-left:35px;
	font-size:1.2em;
	line-height:1.4;
}


/* -----相談TEL・フォーム ----- */

/*枠*/
div.columnEntry_whole{
	width:630px;
	overflow:hidden;
	margin:0 auto 20px;
}

/*TEL枠*/
div.columnEntry_tel{
	background:url(../column/img/bg_tel-entry.png);
	width:315px;
	height:180px;
	float:left;
	position:relative;
}

div.columnEntry_tel p.cet_txt{
	position:absolute;
	width:200px;
	font-weight:bold;
	line-height:1.4;
	top:40px;
	left:100px;
}

div.columnEntry_tel p.cet_tel{
	position:absolute;
	top:123px;
	left:20px;
}

/*フォーム枠*/
div.columnEntry_form{
	background:url(../column/img/bg_form-entry.png);
	width:315px;
	height:180px;
	float:right;
	position:relative;
}

div.columnEntry_form p.cef_txt{
	width:200px;
	font-weight:bold;
	line-height:1.4;
	position:absolute;
	top:40px;
	left:100px;
}

div.columnEntry_form p.cef_btn{
	position:absolute;
	top:127px;
	left:52px;
}


/* -----ソーシャルボタン----- */

/*トップページ*/
div.sns{
	padding-top:10px;
	width:100%;
	height:20px;
	position:relative;
}

/*記事上*/
div.snsTop{
	padding-top:10px;
	width:100%;
	height:20px;
	position:relative;
}

/*記事下*/
div.snsBottom{
	padding-bottom:20px;
	width:100%;
	height:20px;
	position:relative;
}


div.snsInner{
	position:absolute;
	right:0;
	height:20px;
	top:10px;
}

div.snsInner div{
	float:left;
}


/*--- ゆうことゆうたの会話 ---*/

/*会話全体枠*/
div.columnMain{
	width:620px;
	margin:0 auto;
	overflow:hidden;

}

/*ゆうこ表情*/
div.yuko_01{background:url(../column/img/yuko/01.png) no-repeat left;} /*満面笑顔*/
div.yuko_02{background:url(../column/img/yuko/02.png) no-repeat left;} /*困り顔*/
div.yuko_03{background:url(../column/img/yuko/03.png) no-repeat left;} /*びっくり*/
div.yuko_04{background:url(../column/img/yuko/04.png) no-repeat left;} /*笑顔*/
div.yuko_05{background:url(../column/img/yuko/05.png) no-repeat left;} /*不満*/
div.yuko_06{background:url(../column/img/yuko/06.png) no-repeat left;} /*泣き顔*/
div.yuko_07{background:url(../column/img/yuko/07.png) no-repeat left;} /*怒り顔*/


div.yuko_01,div.yuko_02,div.yuko_03,div.yuko_04,div.yuko_05,div.yuko_06,div.yuko_07{
	padding-left:74px;
	margin-bottom:20px;
	width:472px;
	clear:right;
}

/*ゆうこ吹き出し*/
div.yuko_01 p,div.yuko_02 p,div.yuko_03 p,div.yuko_04 p,div.yuko_05 p,div.yuko_06 p,div.yuko_07 p{
	border:5px solid #ffc7e0;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	padding:10px 15px;
	min-height:40px;
	font-size:1.1em;
	line-height:1.5;
}

/*ゆうた表情*/
div.yuta_01{background:url(../column/img/yuta/01.png) no-repeat right;} /*満面笑顔*/
div.yuta_02{background:url(../column/img/yuta/02.png) no-repeat right;} /*困り顔*/
div.yuta_03{background:url(../column/img/yuta/03.png) no-repeat right;} /*びっくり*/
div.yuta_04{background:url(../column/img/yuta/04.png) no-repeat right;} /*笑顔*/
div.yuta_05{background:url(../column/img/yuta/05.png) no-repeat right;} /*不満*/
div.yuta_06{background:url(../column/img/yuta/06.png) no-repeat right;} /*泣き顔*/
div.yuta_07{background:url(../column/img/yuta/07.png) no-repeat right;} /*怒り顔*/

div.yuta_01,div.yuta_02,div.yuta_03,div.yuta_04,div.yuta_05,div.yuta_06,div.yuta_07{
	padding-right:74px;
	margin-bottom:20px;
	width:472px;
	float:right;
}

/*ゆうた吹き出し*/
div.yuta_01 p,div.yuta_02 p,div.yuta_03 p,div.yuta_04 p,div.yuta_05 p,div.yuta_06 p,div.yuta_07 p{
	border:5px solid #c7edff;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	padding:10px 15px;
	min-height:40px;
	font-size:1.1em;
	line-height:1.5;
}

/*前の記事*/
p.prev{
	font-size:0.9em;
	background:url(../column/img/prev.png) no-repeat left top;
	padding-left:20px;
	width:280px;
	float:left;
	margin:10px 0 40px;
	line-height:1.4;
}

/*次の記事*/
p.next{
	font-size:0.9em;
	background:url(../column/img/next.png) no-repeat right top;
	padding-right:20px;
	width:280px;
	float:right;
	margin:10px 0 40px;
	line-height:1.4;
}