@charset "utf-8";
/* CSS Document */

/*-----------------------
         reset
-----------------------*/
html {
	overflow-y: scroll;
	font-size:14px;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
	}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
object,embed {
	vertical-align: top;
}
hr {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
img {
	border: 0;
}
ul,ol {
	list-style-type: none;
}
/*-----------------------
   swanet全ページ共通
-----------------------*/
/* テキスト行の高さ、色 */
*{
	line-height:1.5em;
	color:#333333;
}
/* テキストリンク */
a {
	color: #555555;
	text-decoration:none;	
}
a:hover {
	color: #360;
	text-decoration:none;
}
/* 画像リンクオンマウスで透過 */
a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)"; 
}
/* ヘッダメニューアイコンオンマウスでグリーンで透過 */
a.hover_img{
    background-color:#AAFFAA;
    display:block;
}
a.hover_img img{
    transition:all 0.5s ease;
}
a:hover.hover_img img{
    opacity: 0.7;
    filter: alpha(opacity=70);
}
/* wrapper */
#wrapper{
	width:850px;
	margin-left : auto ;
	margin-right : auto ;
}
/* main */
#main {
	width:850px;
	overflow:hidden;
	}
/* left_clum */
#left_clum {
	width:150px;
	float:left;
	}
/* header */
#header{
	overflow:hidden;
	width:850px;
	}
/* header_left */
#header_left{
	width:704px;
	float:left;
	}
/* オンラインショップアイコン */
#header_left .header_1 .shop{
margin-left:350px;
}
/* header_right */
#header_right{
	width:146px;
	float:right;
	}
/* タイトルバナー手作り応援サイトSWANET */
h2{
	margin-top:10px;
	margin-bottom:10px;
}
/* コーナーバナー */
h3{
	margin-top:10px;
	margin-bottom:10px;
}
/* レシピカタログ、ハンドメイド、ニューデザイン、ピックアップ枠の下余白 */
#newdesign,#handmade{
	margin-bottom:50px;
}

/* レシピリスト全ページ共通 */
#newdesign .top_new_list,#handmade .top_new_list{
	list-style:none;
	width:690px;
	overflow:hidden;
}

/*------------------------
ヘッダー共通
------------------------*/
.header_1{
	overflow:hidden;
	}
#logo{
float:left;
	}
.shop{
	width:105px;
	float:left;
	}
.blog{
	width:186px;
	float:left;
	}
#navi{
	width:704px;
	overflow:hidden;
	float:left;
	}
.nav_btn{
	width:88px;
	height:39px;
	float:left;
	}
#pr_bana{
	float:left;
	}
/*------------------------
左カラム共通
------------------------*/
.left_catalog{
	overflow:hidden;
	width:150px;
	margin-top:10px;
	margin-bottom:10px;
	}
.left_catalog .ic{
	float:left;
	width:47px;
	}
.left_catalog .cat_list{
	margin-left:47px;
}
.left_catalog .cat_list p{
	font-weight:bold;
	}
.left_catalog .cat_01{
	border-top:1px dashed #0b6284;
	margin-top:-1px;
	padding: 5px;
	overflow:hidden;
}
.left_catalog .cat_area{
	border-left:1px solid #0b6284;
	border-right:1px solid #0b6284;
	border-bottom:1px solid #0b6284;
	}

.left_new{
	margin-bottom:10px;
	}
.left_new .cat_area{
	border-left:1px solid #88B252;
	border-right:1px solid #88B252;
	border-bottom:1px solid #88B252;
	}
.left_new .cat_area .cat_01{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	}
.left_movie,.sunpo{
	margin-bottom:10px;
	}
.left_movie .cat_area{
	border-left:1px solid #31A9D3;
	border-right:1px solid #31A9D3;
	border-bottom:1px solid #31A9D3;
	}
.sunpo .cat_area{
	border-left:1px solid #6B6B6B;
	border-right:1px solid #6B6B6B;
	border-bottom:1px solid #6B6B6B;
	}
/* 左カラムレシピカタログ、寸法図案内、ムービー */
.left_new .cat_area .cat_01,.left_movie .cat_area .cat_01,.sunpo .cat_area .cat_01{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:5px;
	padding-right:5px;
	}
	.left_new .cat_area .cat_01{
	text-align:center;
	}
.left_movie .cat_area .cat_01,.sunpo .cat_area .cat_01{
	text-align:left;
	}
/*-----------------------
右カラム共通
-----------------------*/
#right_clum {
	width:690px;
	float:right;
	}
/*-----------------------
トップページindex.html
-----------------------*/
/* すべてのレシピから探すアイコン */
#newdesign .more,#handmade .more{
	text-align:right;
	display:block;
	margin-bottom:10px;
}
#newdesign .more img,#handmade .more img{
	margin-right:5px;
}
/* レシピリストニューデザイン・ピックアップデザイン */
#newdesign .top_new_list li,#handmade .top_new_list li{
	float:left;
	width:230px;
	min-height:260px;
}
#newdesign .top_new_list li dl,#handmade .top_new_list li dl{
	margin-left:auto;
	margin-right:auto;
	width:230px;
	text-align:center;
	}
	
#newdesign .new_list li,#handmade .new_list li{
	float:left;
	width:137px;
	min-height:260px;
	}
	
/* レシピカタログ、基礎知識バナー */
#handmade .handmade_cat{
	overflow:hidden;
	width:690px;
	margin-top:10px;
	}
	
#handmade .handmade_cat img{
	margin-bottom:10px;
	}
#handmade .handmade_cat .handmade_bag{
	float:left;
	}
#handmade .handmade_cat .handmade_youfuku{
	float:right;
	}
.pickup{
	margin-bottom:5px;
	}

/* 更新情報 */
.pr_area{
	    overflow:auto;
        width:678px;
        height:auto;
        padding:5px;
        border:1px solid #033;
        background-color:#F9F9F9;
        color:#000;
        font-size:12px;
	}


/*-----------------------
カタログcatalog.html
-----------------------*/
/* 寸法図番号 */
.number{
	border-bottom:solid #999999 1px;
	margin-bottom:10px;
	font-weight:bold;
	}
/* レシピリスト */
#handmade .new_list li{
	float:left;
	width:137px;
	min-height:260px;
	}
#newdesign .new_list,#handmade .new_list{
	list-style:none;
	width:690px;
	overflow:hidden;
}
#newdesign .new_list li dl,#handmade .new_list li dl{
	margin-left:auto;
	margin-right:auto;
	width:120px;
	text-align:center;
	}
/*-----------------------
基礎知識handmade.htmlhandmade_youfuku.html
-----------------------*/
#handmade .handmade_cats{
	overflow:hidden;
	width:690px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	margin-bottom:30px;
	}
#handmade .handmade_cats .handmade_s li{
	float:left;
	width:32%;
	display:block;
	margin-bottom:20px;
	}
/* ３列等分レイアウト用 */
#handmade .handmade_cats .handmade_s li:nth-child(3n-1) {
margin:0 2%;
}
/* 基礎知識○○編タイトルバー */
.bagporch{
overflow:hidden;
}
.handmade_bar{
margin-bottom:10px;
margin-top:5px;
}

.handmade_list{
	overflow:hidden;
	width:690px;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

.handmade_list li{
float:left;
	width:32%;
	display:block;
	margin-bottom:20px;
	min-height:250px;
}

.handmade_list li:nth-child(3n-1) {
margin:0 2%;
}
/*-----------------------
フッター共通
-----------------------*/
#footer{
margin-top:20px;
margin-bottom:20px;
padding-top:10px;
border-top:solid 1px #808080;
text-align:center;
	}