﻿body{
	width:910px;
	color:#424242;
        margin : auto
}



h1{
	font-size:10px;
        margin:0;
	color:#424242;
	background:#F5DDDC;
        font-family: "ヒラギノ角ゴ Pro W3",sans-serif;
        font-weight: 100
}

h2{
	font-size:10px;
        margin:0;
        font-family: "ヒラギノ角ゴ Pro W3",sans-serif;
        font-weight: 100
}

h3{
	font-size:13px;
        margin:0;
        font-family: "ヒラギノ角ゴ Pro W3",sans-serif;
        font-weight: bold
}

/* リストの点消し */
li {
        list-style-type: none;
}

/* リンク文字の色と下線 */

a {
text-decoration: none;
}

a:link { color: #424242 }   /* リンク */
a:visited {                 /* 既に見たリンク */
  color: #424242;
  text-decoration: none     /* 下線を消す */
}
a:active { color: #FF69B4 } /* クリック時のリンク */
a:hover {                   /* カーソルが上にある時のリンク */
  color: #FF69B4;
  text-decoration: none     /* 下線を消す */
}

/* ヘッダー */

#navi{	
        float:right;
        width:910px;        
        background:#F5DDDC;
}

#naviicon{	
        float:right;        
}


#menu{
        width:910px; 
        background:#F5DDDC;
}

#menuicon{	
        text-align: center;       
}

/* ここからレフト＆メイン */
#sidemain{	
	width:910px;
 height: auto
 height: 100%;
}

/* ここからレフトバナー */

#sidebanner{
	margin-top:30px;	
	float:left;
	width:160px;
}

/* ここから検索 */
input.example1 { width: 135px;
                 margin-top:7px;
                 float:left; }
				 
input.example2 { width: 20px; }
#placeholder{ color:#666;}
input[type="text"] {box-sizing: content-box; /* 幅にパディングを含めない */
}

/* ここからキーワード */
#keywordtitle{
　　　　color:#424242; /* かかってない */ 
       margin-left :15px;
	font-size:12px;
        font-weight: bold
}

#keyword{
	font-size:12px;
　　　　color:#424242;
}

#kensaku2{
       margin-left :15px;
	font-size:12px;
        font-weight: bold
}

/* ここからカテゴリー */

#itemcategory{
        margin-left :15px; 
        margin-top :10px; 		
        font-size:13px;
        line-height:18px

}



/* ここからランキング */
#ranking{
        margin-left :13;       
        width: 130px;
	font-size:12px;
}

.rankingno{
        padding-top: 5;
        padding-right: 5;
        float:left;
	font-size:16;
        font-weight: bold
}

.rankingmoji{
        padding-top: 8;
}

/* ここからインフォメーション */
#infomation{
        margin-left :15px;
        margin-top :10px;	
        font-size:13px;
        line-height:18px/* かかってない */
}



/* レフトバナー終わり */

/* ここからメイン */
#main{
	margin-top:38px;
	padding-bottom:38px;
	float:right;
        width:700px;
}
/* スペシャルプチコンテンツ180 */

.clearText {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

.specialpetitcontents180{
	padding-left:40px
}
.specialpetitcontents180 img{ margin: 0 40px 40px 0; border-style: none;
}


/* イラスト別コンテンツ */
.illust {
 background-image: url("http://image.rakuten.co.jp/clochette/cabinet/toppage/top2line.jpg");
          width: 700px;
          height: 370px;
        margin-bottom: 15px;
}

/* 左がイラスト */
.illustleft {
        float:left;
        padding-top: 30px;
        padding-left: 30px;
}



 .illustright{float:left;
          width: 310px;
        padding-top: 30px;
        padding-left: 30px;
}

/* 右がイラスト */
.illustleft2 {
        float:right;
        padding-top: 30px;
        padding-right: 30px;
}


/* 150×4個 */
 .illustright2{float:left;
          width: 310px;
        padding-top: 30px;
        padding-left: 30px;
}



#gazou150A{
        float:left;
          width: 150px;
          height: 150px;
}
#gazou150B{
        float:left;
          width: 150px;
          height: 150px;
        padding-left: 10px;
}
#gazou150C{
        float:left;
          width: 150px;
          height: 150px;
        padding-top: 10px;
}
#gazou150D {
        float:left;
          width: 150px;
          height: 150px;
        padding-left: 10px;
        padding-top: 10px;
}

/*ここから下のアイテム別一覧140 */

 .itemu140{
        padding-top: 10px;
}
　/*floatの解除*/
.flootclear {
        clear:both;
}

/*ここからフッター */
#footer{
        width: 910px;
          height: 300px;
	text-align: center;
	font-size:13;
	color:#424242;
        bottom: 0;

}

