@charset "Shift_JIS";
/* CSS Document */


/* 使いこなし術　トップ */

.tips_set {
	margin:0 0 50px 0;
}

.tips_midashi {
	width:660px;
	height:41px;
	padding:0 0 10px 10px;
	background:url(../img/line_680.gif) no-repeat bottom left;
}

.tips_midashi .h3_acco {
	width:413px; 
	height:41px; 
	background:url(../tips/img/h3_acco.gif) no-repeat top left ; 
	text-indent:-9999px; 
	float:left;
}

.tips_midashi .h3_acco_p a {
	display:block; 
	width:172px;
	height:41px;
	float:right;
	text-indent:-9999px; 
	overflow:hidden;
	background:url(../tips/img/h3_acco_p.gif) no-repeat 0px 0px;
}

.tips_midashi .h3_acco_p a:hover {
	background:url(../tips/img/h3_acco_p.gif) no-repeat 0px -41px;
}


.tips_midashi .h3_stylish {
	width:413px; 
	height:41px; 
	background:url(../tips/img/h3_stylish.gif) no-repeat top left ; 
	text-indent:-9999px; 
	float:left;
}

.tips_midashi .h3_stylish_p a {
	display:block; 
	width:172px;
	height:41px;
	float:right;
	text-indent:-9999px; 
	overflow:hidden;
	background:url(../tips/img/h3_stylish_p.gif) no-repeat 0px 0px;
}

.tips_midashi .h3_stylish_p a:hover {
	background:url(../tips/img/h3_stylish_p.gif) no-repeat 0px -41px;
}


.tips_index {
	width:660px;
	padding:10px 0 10px 10px;
	background:url(../img/line_d_680.gif) no-repeat bottom left;
}

.tips_index_set li {
	float:left;
}

.tips_index li.photo {
	width:60px;
	margin:0 10px 0 0;
}

.tips_index li.title {
	width:400px;
	margin:0 10px 0 0;
	font-size:120%;
}

.tips_index li.keyword {
	padding:5px 0 0 0;
}

.tips_index li.keyword_2 {
	padding:15px 0 0 0;
}

.b_color {
	color:#33bae9;
}

.a_color {
	color:#fd838e;
}
	
	
	
/* 使いこなし術ページ　本文 */
/* 本文以外は日記のCSSを使用 */




#tips_main {
	width:680px;
	margin:0 0 20px 0;
}

#tips_main .tips_read {
	margin:0 0 20px 0;
}

/* 左右とも330px */

#tips_main .tips_l {
	width:330px;
	margin:0 0 20px 0;
	float:left;
}

#tips_main .tips_l .t_p_tate {
	padding:0 0 0 41px;
}

#tips_main .tips_r {
	width:330px;
	margin:0 0 20px 0;
	float:right;
}



#tips_main .tips_r_line {
	width:290px;
	padding:10px;
	margin:0 0 20px 0;
	border:#b6da3d 1px solid;
	float:right;
}


/* tips_l 縦248px tips_r 文字412px */

#tips_main .tips_l_p_tate{
	width:248px;
	margin:0 0 20px 0;
	float:left;
}

#tips_main .tips_r_p_tate {
	width:412px;
	margin:0 0 20px 0;
	float:right;
}




/* 左215pxのみ　3つ横並びに使用 */

#tips_main .tips_l_215_m {
	width:215px;
	margin:0 15px 0 0;
	float:left;
}

#tips_main .tips_l_215 {
	width:215px;
	float:left;
}

#tips_main .tips_l_215_line {
	width:195px;
	height:141px;
	padding:10px;
	border:#b6da3d 1px solid;
	float:left;
}

#tips_main .caption_215 {
	line-height:1.5;
	padding:10px 0 0 0;
}


/* 左215px　右445px　 */

#tips_main .tips_l_215_m20 {
	width:215px;
	margin:0 0 20px 0;
	float:left;
}

#tips_main .tips_r_445 {
	width:445px;
	margin:0 5px 15px 0;
	float:right;
}

#tips_main .tips_r_445 .caption_445 {
	line-height:1.5;
	padding:10px 0 0 0;
}

#tips_main .tips_r_445_line {
	width:423px;
	padding:10px;
	margin:0 5px 0 0;
	border:#b6da3d 1px solid;
	float:right;
}



/* 左445px　右215px */

#tips_main .tips_l_445 {
	width:445px;
	margin:0 0 20px 0;
	float:left;
}

#tips_main .tips_r_215 {
	width:215px;
	margin:0 0 20px 0;
	float:right;
}


/* 初期のみ使用　左220px　右440px */

#tips_main .tips_l_220 {
	width:220px;
	margin:0 0 20px 0;
	float:left;
}

#tips_main .tips_r_440 {
	width:440px;
	margin:0 0 20px 0;
	float:right;
}

/* 初期のみ使用　左440px　右220px */

#tips_main .tips_l_440 {
	width:440px;
	margin:0 0 20px 0;
	float:left;
}

#tips_main .tips_r_220 {
	width:220px;
	margin:0 0 20px 0;
	float:right;
}




#tips_main p {
	line-height:1.8;
	margin:0 0 15px 0;
}


#tips_main .photo {
	width:680px;
	margin:0 0 20px 0;
	text-align:center
}

#tips_main .caption {
	padding:5px 0 0 0;
	text-align:center;
	font-size:90%;
}

#tips_main .caption_left {
	padding:5px 0 0 0;
	text-align:left;
	font-size:90%;
}


#tips_main .tips_komidashi {
	width:665px;
	padding:7px 0 7px 15px;
	margin:0 0 20px 0;
	background:url(../img/line_komidashi.gif) no-repeat bottom left;
	color:#5a3d1b;
	font-size:120%;
	font-weight:bold;
}

#tips_main .tips_komidashi_m {
	margin:0 0 30px 0;
}


#tips_main .tips_point {
	width:656px;
	border:#b6da3d 1px solid;
	padding:10px;
	margin:0 0 20px 0;
}





#pdf_area {
	width:640px;
	height:45px;
	padding:20px;
	background:#f7f5f3;
}

#pdf_area li {
	float:left;
}

#pdf_area li.text1 {
	width:366px;
	padding:15px 0 0 0;
}

#pdf_area li.icon {
	width:60px;
}

#pdf_area li.text2 {
	padding:7px 0 0 0;
}

/* 下ナビ  */

#tips_navi {
	width:680px;
	margin:10px 0 0 0;
	padding:10px 0 0 0;
	background:url(../img/line_d_680.gif) no-repeat top left;
}

#tips_navi .back {
	font-weight:bold;
	text-align:center;
	margin:0 0 0 10px;
}