@charset "UTF-8";

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

smile

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

/*=================================================================
  mainContent
=================================================================*/

/*=================================================================
  タイトル
=================================================================*/
#ttl_area_smile {
margin:0 0 10px;
}

#ttl_area_smile h2 {
width:650px;
height:40px;
text-indent:-9999px;
overflow:hidden;
background:url("../smile/img/ttl_smile.gif") 0 0 no-repeat;
}

/*=================================================================
  生活アイデア集一覧　/smile/index.html
=================================================================*/
.btn_smile_pdf {
/*margin:0 20px 0 0;*/
margin:0 0px 0 0;
float:right;
}

/* IE6,7用 */
html*.btn_smile_pdf {
margin-top:-25px;
}

.btn_smile_pdf a {
width:80px;
height:16px;
display:block;
text-indent:-9999px;
overflow:hidden;
background:transparent url("../img_cmn/btn_pdf.gif") 0 0 no-repeat;
}

.btn_smile_pdf a:hover,.btn_smile_pdf a:active {
background-position: 0 -16px;
}

/* adobe reader */
.adobe_reader {
margin:15px 0 0;
padding:15px 20px;
color:#666;
border:1px #ccc solid;
background-color:#FFF;
}

.adobe_reader p {
width:420px;
margin:0 0 0 20px;
float:left;
}

/*=================================================================
  smile_search サイト内検索
=================================================================*/
#smile_search {
width:648px;
border:1px solid #5E919B;
padding:10px 0;
background:url(../img_cmn/smile_search.jpg) 20px 50% no-repeat;
background-color:#E2FFFD;
}

#smile_search {
margin-top:10px;
}

#smile_search p {
text-indent:-9999px;
overflow:hidden;
float:left;
}

#smile_search form {
float:right;
margin-right:30px;
width:235px;
}

#smile_search form input#search_input_area {
float:left;
border:1px solid #5E919B;
height:18px;
width:170px;
padding-left:5px;
}

#smile_search form #search_btn_area {
float:right;
}

/* IE6用 */
* html #smile_search form {
margin-right:10px;
}

* html #smile_search form {
width:230px;
}

* html #smile_search form input#search_input_area {
width:150px;
}


/*=================================================================
  ttl_list_area 記事タイトル
=================================================================*/
#sttl_smile_area h3 {
margin:0 0 10px;
}

#sttl_smile_area h4 {
margin:0 0 10px;
}

#sttl_smile_area .outline_smile_area {
padding:10px 20px;
border:1px solid #5E919B;
background-color:#FFF;
color:#5E919B;
}

#solid {
padding:10px 20px;
border:1px solid #5E919B;
background-color:#FFF;
color:#5E919B;
}


/*=================================================================
  social_btn　ソーシャルボタン
=================================================================*/
.social_btn {
margin-top:10px;
float:right;
}

.social_btn li {
float:left;
}


/*=================================================================
  smile_menu　カテゴリ一覧
=================================================================*/
#smile_menu {
margin:20px 0 0;
}

#smile_menu h3 {
margin:0 0 10px;
width:650px;
height:32px;
text-indent:-9999px;
overflow:hidden;
background:url("../category/img/ttl_category.gif") 0 0 no-repeat;
}

#smile_menu ul li {
float:left;
margin-bottom:10px;
}

#smile_menu ul li a {
width:155px;
height:120px;
display:block;
text-indent:-9999px;
overflow:hidden;
}

#smile_menu ul li#smile_menu_1 a {
background:url(../img_cmn/btn_smile_1.gif) 0 0 no-repeat;
}

#smile_menu ul li#smile_menu_2 a {
background:url(../img_cmn/btn_smile_1.gif) -155px 0 no-repeat;
}

#smile_menu ul li#smile_menu_3 a {
background:url(../img_cmn/btn_smile_1.gif) -310px 0 no-repeat;
}

#smile_menu ul li#smile_menu_4 a {
background:url(../img_cmn/btn_smile_1.gif) -465px 0 no-repeat;
}

#smile_menu ul li#smile_menu_5 a {
background:url(../img_cmn/btn_smile_2.gif) 0 0 no-repeat;
}

#smile_menu ul li#smile_menu_6 a {
background:url(../img_cmn/btn_smile_2.gif) -155px 0 no-repeat;
}

#smile_menu ul li#smile_menu_7 a {
background:url(../img_cmn/btn_smile_2.gif) -310px 0 no-repeat;
}

#smile_menu ul li#smile_menu_8 a {
background:url(../img_cmn/btn_smile_2.gif) -465px 0 no-repeat;
}

#smile_menu ul li#smile_menu_1 a:hover{
background-position:0 -120px;
}

#smile_menu ul li#smile_menu_2 a:hover{
background-position:-155px -120px;
}

#smile_menu ul li#smile_menu_3 a:hover{
background-position:-310px -120px;
}

#smile_menu ul li#smile_menu_4 a:hover{
background-position:-465px -120px;
}

#smile_menu ul li#smile_menu_5 a:hover{
background-position:0 -120px;
}

#smile_menu ul li#smile_menu_6 a:hover{
background-position:-155px -120px;
}
#smile_menu ul li#smile_menu_7 a:hover{
background-position:-310px -120px;
}

#smile_menu ul li#smile_menu_8 a:hover{
background-position:-465px -120px;
}




/*=================================================================
  main_two　コンテンツ（左右）
=================================================================*/
.main_two {
	widht:650px;
}

.left_area {
	width:320px;
	float:left;
}

.right_area {
	width:320px;
	float:right;
}


.left_area2 {
	width:324px;
	float:left;
}

.right_area2 {
	width:321px;
	float:right;
}