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

/****************************** ウインドウとパレット ******************************/
#top #creation{
	background:url(../top/images/creation_bg.gif);
	background-position:bottom;
	padding-bottom:7px;
	width:656px;
}
#top #creation_inner{
	background:url(../top/images/creation_bg.gif);
	background-position:top;
	padding-top:13px;
	padding-right: 7px;
	padding-left: 7px;
	/*組み合わせのフォントの初期設定*/
	font-size:11px;
	line-height:1.2em;
	font-weight:normal;
	position:relative;
}
/**********初期設定**********/
#top #creation_inner table,th,td,input,li,p,hr,h5{
	font-size:11px;
	line-height:1.2em;
	font-weight:normal;
	margin-bottom:5px;
}
#top #creation_inner h5{
	font-weight:bold;
}
/*tableやulなどの下の空きを一括指定*/
#top #creation_inner table,ul,h5,p,hr{
}

/**********犬のイラストやデザインのタイトル**********/
#top #creation .item_title{
	margin-bottom:8px;
}
#top #creation .explanation_01{
	text-align:center;
	color:#333333;
}
#top #creation h2{
text-align:center;
margin-bottom:12px;
border-bottom:solid 1px #cccccc;
width:630px;
margin-left:6px;
}


/****************************** サムネイル ******************************/
#top .scrollbox{
	width:295px;
	height:138px;
	overflow-x:auto;
	overflow-y:hidden;
	border:solid 1px #DFDFDF;
	margin-bottom:4px;
}
#top #dog_creation .scrollbox_inner{
	width:2310px;
	padding:0;
	margin-top:0px;
}
#top #design_creation .scrollbox_inner{
	width:1710px;
	padding:0;
	margin-top:0px;
}
#top #place_creation .scrollbox_inner{
	width:1710px;
	padding:5px 0 0 5px;
}

/******サムネイルアイテムボックス**********/
#top .scrollbox .itembox{
	width:90px;
	padding:5px;
	text-align:center;
	float:left;
	cursor:pointer;
}
#top .scrollbox .itembox p{
	font-size:9.5px;
	line-height:1.2em;
}
#top .scrollbox .imagebox{
	width:70px;
	padding:5px;
	margin-bottom:5px;
	margin-right: auto;
	margin-left: auto;
}

/******************************パレット01******************************/
#top .palette01{
	background:url(../top/images/creation_palette_bg.gif) top;
	padding-top:15px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;
}
/*犬のイラスト*/
#top #dog_creation{
	width:297px;
	float:left;
	padding-right:8px;
	border-right:1px solid #e6e6e6;
}
/*ie6*/
*html #top #dog_creation{
	padding-right:6px;
}
/*犬のステッカー*/
#top #design_creation{
	width:297px;
	float:left;
	padding-left:8px;
}
/*ie6*/
*html #top #design_creation{
	padding-left:6px;
}
/******************************ステッカー組み合わせ******************************/
#top #set_creation_border{
	width:630px;
	height:420px;
	position:absolute;
	top:0px;
	left:6px;
	background:url(../top/images/creation_set_border.png);
}
#top #set_creation_bg_scale{
	width:630px;
	height:420px;
	position:absolute;
	top:0px;
	left:6px;
	background:url(../top/images/creation_set_scale.png);
}
#top #set_creation_gradation{
	width:630px;
	height:420px;
	position:absolute;
	top:0px;
	left:6px;
	background:url(../top/images/creation_set_gradation.png)
}
#top #set_creation_sticker{
	width:350px;
	height:350px;
	position:absolute;
	top:40px;
	left:140px;
	background:url(../top/images_stickers/blank.png);
}
#top #set_creation_bg{
	width:630px;
	height:420px;
	position:absolute;
	top:0px;
	left:6px;
	/*貼る場所の初期背景色*/
	background:#fff;
}
#top #set_creation{
	height:420px;
	background:url(../top/images/creation_palette_bg.gif) center;
	position:relative;
}
/******************************パレット02******************************/
#top .palette02{
	background:url(../top/images/creation_palette_bg.gif) bottom;
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom:15px;
	padding-left: 15px;
}
/**********サイズ**********/
#top #size_creation{
	width:140px;
	float:left;
	padding-right:8px;
	border-right:1px solid #e6e6e6;
}
/*ie6*/
*html #top #size_creation{
	padding-right:7px;
}
#top #size_creation input{
	margin:0 4px 0 4px;
}
#top #size_creation table{
	text-align:left;
}
#top #size_creation th{
	width:70px;
}
#top #size_creation #size_table th{
	padding-bottom:5px;
}
#top #size_creation #size_table td{
	padding-bottom:5px;
}

/**********カラー**********/
#top #color_creation{
	width:140px;
	float:left;
	padding:0 8px;
	border-right:1px solid #e6e6e6;
}
/*ie6*/
*html #top #color_creation{
	padding:0 7px;
}

#top #color_creation li{
	width:28px;
	height:28px;
	float:left;
	margin:0px;
	padding:0px;
	background:#CCC;
	cursor:pointer;
	overflow:hidden;
}
/*色名を表示<input>*/
#top #color_creation #colorName{
	width:132px;
	padding:3px;
	border:solid #bfd39f 1px;
	background:#f2ffde;
}
/**********貼る場所**********/
#top #place_creation{
	width:297px;
	float:left;
	padding-left:8px;
}
/*ie6*/
*html #top #place_creation{
	padding-left:7px;
}

/*カラーブロックが6セットが6個入るボックス*/
#top #place_creation .colorblock_set{
	width:148px;/*((8px+1px[margin] × 6個) + 3px[margin]) × 3セット*/
	height:100px;
	float:left;
}
/*カラーブロックが36個入るボックス*/
#top #place_creation .colorblock{
	width:48px;
	height:48px;
	margin:0 1px 1px 0;
	float:left;
}
/*カラーブロックの1個*/
#top #place_creation .colorblock li{
	width:8px;
	height:8px;
	margin:0;
	background:#9C3;
	cursor:pointer;
	float:left;
	overflow:hidden;
}
/*背景画像*/
#top #place_creation .bg_img{
	float:left;
}
#top #place_creation .bg_img li{
	width:34px;
	height:34px;
	padding:0px;
	margin:0 1px 1px 0;
	cursor:pointer;
}
/******************************パレット03******************************/
#top #palette03{
	background:url(../top/images/creation_palette_bg.gif) bottom;
	padding-bottom:15px;
}
#top #palette03_inner{
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
	background:url(../top/images/creation_palette_bg.gif) top;
}
/******犬の名前**********/
#top #name_creation{
	width:297px;
	float:left;
	padding-right:8px;
	border-right:1px solid #e6e6e6;
}
/*ie6*/
*html #top #name_creation{
	padding-right:6px;
}
#top #name_creation #dogname_input{
	width:289px;
	padding:3px;
	border:solid #bfd39f 1px;
	background:#f2ffde;
}

/**********カート**********/
#top #cart_creation{
	width:297px;
	float:left;
	padding-left:8px;
}
/*ie6*/
*html #top #cart_creation{
	padding-left:6px;
}
#top #cart_bg{
	width:297px;
	background:url(../top/images/creation_cart_bg.gif) bottom;
	padding-bottom:8px;
}
#top #cart_bg_inner{
	background:url(../top/images/creation_cart_bg.gif) top;
	padding-top:8px;
	padding-left:8px;
	padding-right:8px;
}
#top #cart_bg_inner hr{
	border-top-color: #b4b4b4;
	border-top-width: 1px;
	height:1px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/*ステッカーの構成タイトル*/
#top #cart_bg_inner h5{
	text-align:center;
}
/*テーブル*/
#top #cart_bg_inner table{
	width:250px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:8px;
}

#top #cart_bg_inner td{
	padding-right: 5px;
	padding-left: 5px;
}
/*ステッカーの構成のinputボックスの枠と下地を変更*/
#top #cart_bg_inner .noneframe input{
	border:none;
	background-color:#f1f1f1;
}

/*かごへ入れるボタン*/
#top #cart_bg_inner #cart_button{
	text-align:center;
	vertical-align:middle;
	position:relative;
	height:20px;
}