


/*■■■■■■■■■■コンテナ全体枠■■■■■■■■■■■■■■■■■■■■*/

#container {
	max-width: 1200px;
	min-width: 950px;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid red;
	overflow: hidden;

/*-----------------
	background-image: url("../2-2-clear-006-handmadetool-mugen-sikake-photo/mini-dompo-background.jpg");
	background-repeat: no-repeat;
	background-position: 60px 50%;
	background-size: 320px;
	background-attachment: fixed;
-----------------*/

	}



/*■■■■■■■■■■■■■■ＴＯＰ－製品写真枠■■■■■■■■■■■■■■■*/

#top-seihin-photo {
	max-width: 1200px;
	min-width: 870px;
	height: 310px;
	margin: 0px 20px 0px 20px;
	padding: 45px 15px 15px 15px;
	border: 1px solid #bababa;
	border-radius: 20px;
	text-align: center;
	background-color: #ffffff;
	}


#top-seihin-photo img{
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	}


#under-ffffff {
	max-width: 1200px;
	min-width: 840px;
	height: 200px;
	border: 1px solid #ffffff;
	background-color: #ffffff;
	}



/*■■■お知らせ枠(インフォメーション)半透明 ■■*/


/*■時間で消えるメッセージ■*/
.message {
	width: 700px;
	height: 800px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	padding: 30px 30px 7px 30px;
	background: #ffffff;
	border: 2px #000000 solid;
	border-radius: 15px;
	color: #000000;
	z-index: 10;
	opacity: 1;
	line-height: 180%;
	font-size:18px;
	text-align: left;
}


/*■時間で消えないメッセージ　その１■*/
.message1 {
	width: 700px;
	height: 100px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	padding: 30px 30px 7px 30px;
	background: #ffffff;
	border: 2px #000000 solid;
	border-radius: 15px;
	color: #000000;
	z-index: 10;
	opacity: 1.0;
	line-height: 180%;
	font-size:16px;
	text-align: left;
}


/*■時間で消えないメッセージ　その１■*/
.message2 {
	width: 700px;
	height: 560px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	padding: 30px 30px 7px 30px;
	background: #E0E6F8;
	border: 2px #000000 solid;
	border-radius: 15px;
	color: #000000;
	z-index: 10;
	opacity: 1.0;
	line-height: 180%;
	font-size:16px;
	text-align: left;
}







/*■■■■■■■■■■コンテナ最上部　タイトル枠■■■■■■■■■■■■■*/


#tittle {
	width: 100%;
	height: 60px;
	margin: 35px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	border: 0px solid black;
	}


/*■■■■■■■■■■左サイドバー 全体枠■■■■■■■■■■■■■■■■■*/


/*･･･★左ボックス内 「写真集から本体ページに戻る」ボタン (固定配置)★･････*/

#modoru-bottan {
	position: fixed;
	top: 45%;
	left: 60px;
	width: 380px;
	z-index: -1;
	}

#modoru-bottan img {
	margin: 0px 0px 50px 0px;
	}


#box-side-kobetu {
	float: left;
	width: 405px;
	margin: 0px 0px 50px 20px;
	text-align: center; 
	border: 1px solid black;
	background-color: #ffffff;
	box-shadow: 0px 0px 11px #5E5D5D;
	}


/*･･････★左ボックス内 トップＡ枠 (開拓報告書 タイトルＢＯＸ )★･･･････････*/


#box-side-bumon {
	float: left;
	width: 385px;
	margin: 5px 10px 0px 10px;
	padding: 15px 0px 0px 0px;
	border: 0px solid black;
	background-color: #ffffff;
	}


#box-side-bumon img{
	width: 385px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}


#box-side-kaitaku-tittle {
	float: left;
	width: 385px;
	height: 260px;
	margin: 15px 10px 0px 10px;
	padding: 20px 0px 0px 0px;
	border: 0px solid black;
	background-color: #2E2E2E;
	}

#box-side-kaitaku-tittle .seisaku-kaisi {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #ffffff;
	font-weight: normal;
	font-size: 16px;
	text-align: center; 
	}

#box-side-kaitaku-tittle .seisaku-no {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #ffffff;
	font-weight: bold;
	font-size: 60px;
	text-align: center; 
	}

#box-side-kaitaku-tittle .tittle-1 {
	margin: 35px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #ffffff;
	font-weight: normal;
	font-size: 18px;
	text-align: center; 
	}

#box-side-kaitaku-tittle .tittle-2 {
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #ffffff;
	font-weight: normal;
	font-size: 18px;
	text-align: center; 
	}


#box-side-kaitaku-tittle img{
	width: 120px;
	margin: 12px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}



/*･･･････★左ボックス内 トップＢ枠 (開拓課題 説明ＢＯＸ)★････････････････････*/

#box-side-kaitaku-kadai {
	float: left;
	width: 353px;
	margin: 15px 10px 0px 10px;
	padding: 20px 15px 15px 15px;
	font-size: 14px;
	line-height: 160%;
	color: #000000;
	border: 1px solid black;
	border-radius: 3px;
	background-color: #ffffff;
	text-align: left; 
	}



/*･･･････★左ボックス内 トップＣ枠 ショッピングカートＢＯＸ★････････････････*/


#box-side-shopping-cart {
	float: left;
	width: 353px;
	margin: 15px 10px 0px 10px;
	padding: 10px 15px 15px 15px;
	font-size: 12px;
	line-height: 160%;
	color: #000000;
	border: 1px solid black;
	border-radius: 3px;
	background-color: #ffffff;
	text-align: left; 
	}



#box-side-shopping-cart .photo img{
	float: left;
	width: 351px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 0px solid black;
	}
	


#box-side-shopping-cart table{
	width: 355px;
	margin: 0px 0px 25px 0px;
	padding: 0px 0px 0px 0px;
	}


#box-side-shopping-cart th{

	height: 15px;
	border: 1px solid black;
	padding: 5px;
	line-height: 125%;
	color: #000000;
	background-color: #e8e8e8;
	font-size: 12px;
	text-align: left;
	vertical-align: middle;
	}


#box-side-shopping-cart td{

	height: 15px;
	border: 1px solid black;
	padding: 5px;
	line-height: 125%;
	color: #000000;
	background-color: #ffffff;
	font-size: 12px;
	text-align: left;
	vertical-align: middle;
	}



#box-side-shopping-cart td td{	/*･･･【カートボタン(table内のteble）】････*/
	width: auto;
	height: auto;
	border: 1px solid black;
	padding: 0px;
	line-height: 100%;
	color: #000000;
	background-color: #ffffff;
	font-size: 14px;
	text-align: left;
	vertical-align: middle;
	}



/*･･･････★左ボックス内 トップ お知らせＢＯＸ枠★･････････････････*/


#box-side-osirase {
	float: left;
	width: 355px;
	margin: 15px 10px 0px 10px;
	padding: 20px 15px 15px 15px;
	border: 0px solid black;
	border-radius: 3px;
	background-color: #416B5C;
	line-height: 200%;
	font-size: 12px;
	color: #ffffff;
	text-align: left; 
	vertical-align: middle;
	a:link { color:#ffffff; text-decoration: none;}/
	}

/*･･･････★左ボックス内 トップＤ枠 パンフレットリンクＢＯＸ★･･････････････*/


#box-side-pamphlet {
	float: left;
	width: 355px;
	margin: 15px 10px 0px 10px;
	padding: 20px 15px 15px 15px;
	border: 0px solid red;
	border-radius: 3px;
	background-color: #82773e;
	line-height: 200%;
	font-size: 12px;
	color: #ffffff;
	text-align: left; 
	vertical-align: middle;
	}



/*･･･････★左ボックス内 トップＥ枠 取扱説明書リンクＢＯＸ★･････････････････*/


#box-side-torisetu {
	float: left;
	width: 355px;
	margin: 15px 10px 0px 10px;
	padding: 20px 15px 15px 15px;
	border: 0px solid black;
	border-radius: 3px;
	background-color: #416B5C;
	line-height: 200%;
	font-size: 12px;
	color: #ffffff;
	text-align: left; 
	vertical-align: middle;
	}



/*･････★左ボックス内 トップＦ枠 写真集ＢＯＸ　表示枠！★･･･････････*/


#box-side-photo-album {
	float: left;
	width: 355px;
	margin: 15px 10px 20px 10px;
	padding: 15px 15px 15px 15px;
	border: 0px solid red;
	border-radius: 3px;
	background-color: #49475e;
	line-height: 200%;
	font-size: 12px;
	color: #ffffff;
	text-align: left; 
	vertical-align: middle;
	}


/*■■■■■■■■■■メインボックス 全体枠■■■■■■■■■■■■■■■■■*/


/*ボックス設定（メインボックス全体）*/

#main {
	float: right;
	width: 490px;
	margin: 0px 20px 50px 0px;
	border: 0px solid #E6E6E6;
	line-height: 180%;
	font-size: 11px;
	background-color: #ffffff;
	}

#main .main-tittle{
	float: left;
	width: 100%;
	margin: 50px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #E6E6E6;
	line-height: 150%;
	font-size: 16px;
	font-weight: bold;
	color: #0431B4;
	text-align: left; 
	}

#main-size{
	float: left;
	width: 100%;
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #E6E6E6;
	line-height: 150%;
	font-size: 16px;
	font-weight: bold;
	color: #0431B4;
	text-align: left; 
	}

#main .sab-tittle{
	float: left;
	width: 100%;
	margin: 10px 0px 5px 15px;
	padding: 0px 0px 0px 0px;
	line-height: 150%;
	font-size: 16px;
	font-weight: normal;
	color: #000000;
	text-align: left; 
	}


#main img.sab-tittle{
	float: left;
	width: 20px;
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}


#main .comment{
	float: left;
	width: 450px;
	margin: 0px 0px 0px 30px;
	padding: 0px 0px 0px 0px;
	border:solid 0px #000000;
	line-height: 150%;
	font-size: 14px;
	color: #000000;
	text-align: left; 
	}

#main .comment-waku{
	float: left;
	width: 450px;
	margin: 0px 0px 0px 30px;
	padding: 10px 10px 10px 10px;
	border:solid 1px red;
	line-height: 150%;
	font-size: 16px;
	color: red;
	text-align: left; 
	}

#main .photo-box{
	float: right;
	width: 460px;
	border:solid 0px #bababa;
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	}






#main .photo-box table{
	float: right;
	width: 452px;
	margin: 15px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}

#main .photo-box caption{
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 125%;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	text-decoration:underline;
	}


#main .photo-box th{
	height: 20px;
	border: 1px solid black;
	padding: 5px;
	line-height: 125%;
	color: #000000;
	background-color: #e8e8e8;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	}


#main .photo-box td{
	height: 20px;
	border: 1px solid black;
	padding: 5px;
	line-height: 125%;
	color: #000000;
	background-color: #ffffff;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	}


#main .photo-box .normal th{
	background-color: #C2E7F1;
	}


#main .photo-box .normal td{
	background-color: #C2E7F1;
	}







/*･･･････★特徴（ＹＯＵＴＹＢＥ ＢＯＸ）★････････････････････････････*/


#main .youtube-box{
	float: right;
	margin: 20px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	width: 452px;
	height: 254px;
	background-color: #ffffff;
	color: #000000;
	text-align: center;
	border: 0px solid black;
}


/*･･･････★各部写真（１枚テンプレート）★･･･････････････････････････････*/

#main img.photo-1{
	float: left;
	width: 452px;

	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #424242;
}



#main img.photo-1-1{
	float: left;
	width: 432px;

	margin: 10px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #424242;
}



#main img.photo-1-borderless{
	float: left;
	width: 452px;
	height: 339px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid black;
}


#main img.photo-1-square{
	float: left;
	width: 452px;
	height: 452px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #424242;
}


/*･･･････★sllipyⅡ　タイプ枠（１枚写真＋下部テキスト★････････････････････････････*/


#main .type-box{
	float: right;
	width: 462px;
	border:solid 1px #000000;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 20px 0px;
	font-size: 16px;
	}

#main .type-tittle{
	float: left;
	width: 442px;
	background-color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	border: 0px solid #E6E6E6;
	line-height: 150%;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	text-align: left; 
	}

#main img.type-photo{
	float: left;
	width: 460px;
	background-color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #424242;
}


#main .type-photo-undercomment {
	float: left;
	width: 440px;

	background-color: #ffffff;
	margin: 15px 10px 15px 10px;
	padding: 5px 5px 5px 5px;
	line-height: 150%;
	font-size: 14px;
	color: #000000;
	text-align: left; 
	border: 0px solid #424242;
}



/*･･･････★各部写真（１枚＋サイドテキスト★････････････････････････････*/

#main img.photo-1plas {
	float: left;
	width: 200px;
	height: 150px;
	background-color: #ffffff;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	border: 1px solid #424242;
}

#main .photo-1plas-sidecomment {
	float: right;
	width: 240px;
	height: 140px;
	background-color: #ffffff;
	margin: 0px 0px 15px 0px;
	padding: 5px 5px 5px 5px;
	line-height: 150%;
	font-size: 12px;
	color: #000000;
	text-align: left; 
	border: 1px solid #424242;
}



/*･･･････★各部写真（２枚テンプレート）★････････････････*/

#main img.photo-2{
	float: left;
	width: 210px;
	height: 126px;
	background-color: #ffffff;
	margin: 7px 7px 7px 7px;
	padding: 0px 0px 0px 0px;
	border: 1px solid black;
}



/*･･･････★各部写真（３枚テンプレート）★････････････････*/

#main img.photo-3{
	float: right;
	width: 140px;
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	border: 1px solid black;
}

/*･･･････★各部写真（４枚テンプレート）★････････････････*/

#main img.photo-4{
	float: right;
	width: 100px;
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	border: 1px solid black;
}

/*･･･････★mainボックス内 取扱説明書リンクＢＯＸ★････････････････*/


#main .torisetu-box{
	float: right;
	width: 440px;
	margin: 0px 0px 0px 0px;
	padding: 15px 10px 15px 10px;
	border: 1px solid #c0c0c0;
	line-height: 180%;
	font-size: 14px;
	color: #000000;
	text-align: left; 
	}

#main .torisetu-box img{
	float: right;
	height: 20px;
	margin: 0;
	padding: 0;
	border: 0px solid #c0c0c0;
	}


