* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

body {
	font-size: 80%;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height: 1.4;
	letter-spacing:0px;
	color: #333333;
	background: #FFFFFF url(/img/header_up.jpg) left top repeat-x;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

a {
	color: #0066FF;
	text-decoration: none;
}
a:visited {
	color: #663399;
	text-decoration: none;
}
a:active {
	color: #0066FF;
	text-decoration: none;
}
a:hover {
	color: #FF6600;
	text-decoration: underline;
}
img {
	border: none;
	vertical-align: top;
}

img.dot {
	background:url(/color/img/dot.gif);
	padding:1px;
}

h1,h2,h3,h4,h5,h6 { font-weight: normal; }


hr {
	clear: both;
	border-width: 1px 0px 0px 0px;
	border-style: dotted;
	border-color: #999999;
	height: 1px;
	margin: 0px 0 0px 0px;
	padding: 0px 0px 0px 0px;
}

#site_area {
	width: 720px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	background: #FFFFFF url(/img/site_ba.jpg) left top repeat-y;
}


/*  ヘッダー
---------------------------------------------*/

#header_up {
	width: 100%;
}

#header {
	left: auto;
	right: auto;
	text-align: left;
	width: 720px;
	height: 80px;
	background: url(/img/der.jpg) no-repeat;
	border-bottom: 1px solid #999999;
}
#logo {
	float: left;
}

#header h1 {
	padding: 9px 0px 0px 260px;
	text-align: left;
	color: #546265;
}

#header p {
	float: right;
}


/*  コンテンツエリア
---------------------------------------------*/

#content_area {
	overflow: auto !important;
	overflow /**/: hidden;
	width: 100%;
	padding: 0px  0px 0px 0;
	margin: 10px 0 0px 0;
	background: #ffffff url(/img/menu_bg.jpg) left top repeat-y;
}

#menu_buttom {
	width: 100%;
	height: 15px;
	margin: 0px 0 15px 0;
	text-align: left;
	background: url(/img/menu_buttom.jpg) left top no-repeat;
}

#menu_area {
	float: left;
	width: 180px;
	margin: 0px 0px 0px 0;
	padding-bottom: 0px;
	text-align: left;
}

#main_content {
	float: right;
	width: 520px;
	text-align: left;
	margin-left: 20px;
    overflow:hidden;
}

#admin_area {
	float: left;
	margin: 0px 0px 0px 0;
	padding-bottom: 0px;
	text-align: left;
}


/*  メニュー
---------------------------------------------*/

#menu_list {
	width: 175px;
	list-style-type: none;
}

#menu_list .link {
	margin: 3px 0 3px 10px;
	padding-left: 15px;
	background: #f5f1e9 url(/img/menu_yaji.jpg) left top no-repeat;
}


/*  メインコンテンツ
---------------------------------------------*/

.text_white {color: #FFFFFF}
.text_whiteB {color: #FFFFFF; font-weight: bold;}
.text_red {color: #FF0000}
.text_redB {color: #FF0000; font-weight: bold;}
.text_069 {color: #006699; font-weight: bold;}

.text_pinkB {color: #ff6699; font-weight: bold;}
.text_pink {color: #ff6699}
.text_emB {color: #009999; font-weight: bold;}
.text_em {color: #009999}
.text_blueB {color: #1851D5; font-weight: bold;}
.text_blue {color: #1851D5}
.text_orangeB {color: #ff6600; font-weight: bold;}
.text_orange {color: #ff6600}
.text_greenB {color: #669900; font-weight: bold;}
.text_green {color: #669900}


ol {
	padding-left: 23px;
}

ul.page_ul li {
	margin: 0px 0px 0 15px;
}

.iroiro_link {
	margin: 10px 0 10px 0px;
}

.top_text {
	margin: 0 10px 10px 10px;
	line-height: 1.5;
}

.top_text p {
	margin: 10px 0 10px 0px;
	line-height: 1.5;
}

.top_text hr {
	margin: 10px 0;
}


.top_mitu_left {
	float: left;
	width: 245px;
	margin: 0 10px 1px 5px;
}

.top_mitu_left dl {
	width: 245px;
	padding: 0px 0px 0px 0px;
}

.top_mitu_left dt {
	float: left;
	margin: 0px 5px 0px 0;
}

.top_mitu_left dd {
	font-size: 95%;
	color: #333333;
	padding: 3px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 1.5;
}
.top_mitu_left p {
	padding: 7px 0px 0px 0px;
}


.top_mitu_right {
	float: right;
	width: 250px;
	margin: 0 0px 10px 0px;
}

.top_mitu_right dl {
	width: 250px;
	padding: 0px 0px 0px 0px;
}

.top_mitu_right dt {
	float: left;
	margin: 0px 5px 0px 0;
}

.top_mitu_right dd {
	font-size: 95%;
	color: #333333;
	padding: 3px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 1.5;
}
.top_mitu_right p {
	padding: 7px 0px 0px 0px;
}



/*  フッター
---------------------------------------------*/

#footer {
	clear: both;
	margin: 10px 0px 0 0px;
	color: #999999;
	background: #ffffff;
	border-top: 1px solid #999999;
	font-size: 12px;
	text-align: left;
}

#footer p {
	float: left;
	margin: 10px 5px;
	line-height: 1.8;
}


/*見積もり画面
------------------------------------------------*/


.mitu_koumoku {
	color: #006699;
	font-weight: bold;
	padding: 0px 0 0 0;
}

.view_image {
	float: right;
	margin: 10px 0 0 0;
}


/*ページテキストタイトル
------------------------------------------------*/

.color_title {
	width: 300px;
	height: 40px;
	margin-top: 20px;
	background: url(/img/color_title.gif) no-repeat;
}

.color_title p {
	padding: 10px 0px 0px 20px;
	margin-left: 0px;
	font-size: 115%;
	color: #ff6699;
	font-weight: bold;
}

.mitu_title {
	width: 300px;
	height: 40px;
	margin-top: 20px;
	background: url(/img/mitu_title.gif) no-repeat;
}

.mitu_title p {
	padding: 10px 0px 0px 20px;
	margin-left: 0px;
	font-size: 115%;
	color: #009999;
	font-weight: bold;
}

.kind_title {
	width: 300px;
	height: 40px;
	margin-top: 20px;
	background: url(/img/kind_title.gif) no-repeat;
}

.kind_title p {
	padding: 10px 0px 0px 20px;
	margin-left: 0px;
	font-size: 115%;
	color: #B7632C;
	font-weight: bold;
}


.other_title {
	width: 300px;
	height: 40px;
	margin-top: 20px;
	background: url(/img/other_title.gif) no-repeat;
}

.other_title p {
	padding: 10px 0px 0px 20px;
	margin-left: 0px;
	font-size: 115%;
	color: #1851D5;
	font-weight: bold;
}


.support_title {
	width: 300px;
	height: 40px;
	margin-top: 20px;
	background: url(/img/support_title.gif) no-repeat;
}

.support_title p {
	padding: 10px 0px 0px 20px;
	margin-left: 0px;
	font-size: 115%;
	color: #ff6600;
	font-weight: bold;
}



.about_title {
	width: 300px;
	height: 40px;
	margin-top: 20px;
	background: url(/img/about_title.gif) no-repeat;
}

.about_title p {
	padding: 10px 0px 0px 20px;
	margin-left: 0px;
	font-size: 115%;
	color: #669900;
	font-weight: bold;
}


.page_text_bg {
	width: 500px;
	height: 25px;
	margin-top: 20px;
	clear:both;
	background: url(/img/page_text_bg.jpg) no-repeat;
}

.page_text_bg p {
	padding-top: 4px;
	margin: 0px 0 0 8px;
}



/*ダンボールでいろいろ作ろう
------------------------------------------------*/

.color_koumoku {
	color: #ff6699;
	font-weight: bold;
	padding: 0px 0 0 0;
}

ul.colorsample {
	color: #ff6699;
	margin: 10px 0;
	list-style-type: none;
}
ul.colorsample li {
	margin: 0px 22px 0 0px;
	float: left;
}
ul.colorsample li.ri {
	margin: 0px 0px 0 0px;
}
ul.colorsample li img {

	margin-bottom: 0px;
}
ul.colorsample li span {
	display: block;
	color: #ff6699;
	font-size: 13px;
}


dl.color_make {
	margin: 10px 0 0 0px;
}

dl.color_make dt {
	color: #ff6699;
	font-weight: bold;
	padding: 5px 0px 0px 0px;
}

dl.color_make dd {
	padding: 0px 0;
}



/*カラフルな箱を作ろう
------------------------------------------------*/


dl.colorful {
	margin: 10px 0 0 0px;
	clear: both;
}

dl.colorful dt {
	color: #009999;
	font-weight: bold;
	padding: 5px 0px 0px 0px;
}

dl.colorful dd {
	padding: 0px 0;
}


dl.colorful_kind {
	margin: 10px 0 0 0px;
	clear: both;
}

dl.colorful_kind dt {
	color: #ff0000;
	font-weight: bold;
	padding: 5px 0px 0px 0px;
}

dl.colorful_kind dd {
	padding: 0px 0;
}


.img_block {
	float: right;
}



/*箱以外のいろいろなもの
------------------------------------------------*/


dl.other {
	margin: 10px 0 0 0px;
}

dl.other dt {
	color: #1851D5;
	font-weight: bold;
	padding: 5px 0px 0px 0px;
}

dl.other dd {
	padding: 0px 0;
}


/*サポート
------------------------------------------------*/


dl.support {
	margin: 10px 0 0 0px;
}

dl.support dt {
	color: #ff6600;
	font-weight: bold;
	padding: 5px 0px 0px 0px;
}

dl.support dd {
	padding: 0px 0;
}


dl.calendar {
	margin: 0px 0 10px 0px;
}

dl.calendar dt {
	color: #ff6600;
	font-weight: bold;
	padding: 15px 0px 0px 0px;
}

dl.calendar dd {
	padding: 0px 0;
}

.calendar_left {
	float: left;
	width: 240px;
	clear: both;
}



table.calendar {
	border-collapse: collapse;
	border-spacing: 1px;
	margin: 10px 0px 0px 0px;
	width: 220px;
	padding: 0 0 10px 0;
}
table.calendar th {
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	text-align: center;
	color: #333333;
	background-color: #ffe6cd;
	padding: 4px 6px;
}
table.calendar td {
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	text-align: right;
	padding: 4px 6px;
}

.calendar_red {
	color: #ff0000;
	background-color: #ffd9d9;
}
.calendar_blue {
	color: #0066cc;
	background-color: #d9e8f7;
}

.calendar_rest {
	color: #ffffff;
	background-color: #ff6600;
}


/*当店のご案内
------------------------------------------------*/


.about_koumoku {
	color: #669900;
	font-weight: bold;
	padding: 0px 0 0 0;
}

table.table_about {
	border: 0px solid #999999;
	border-collapse: collapse;
	border-spacing: 1px;
	margin: 10px 0px 0px 0px;
}

table.table_about th {
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	text-align: right;
	background-color: #f2f2f2;
	font-weight: normal;
	padding: 7px;
	white-space: nowrap;
}

table.table_about td {
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	padding: 5px 6px;
}


.page_list {
	list-style-type: disc;
	padding: 10px 0 10px 20px;
	margin: 0px 0px;
}

.page_list li {
	padding: 2px 0;
}


dl.about {
	margin: 10px 0 0 0px;
}

dl.about dt {
	color: #669900;
	font-weight: bold;
	padding: 5px 0px 0px 0px;
}

dl.about dd {
	padding: 0px 0;
}



/*テーブルレイアウト
------------------------------------------------*/


table.table_a {
	border: 0px solid #999999;
	border-collapse: collapse;
	border-spacing: 1px;
	margin: 10px 0px 0px 0px;
}
table.table_a th {

	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	text-align: right;
	background-color: #e5f5f5;
	font-weight: normal;
	padding: 7px;
	white-space: nowrap;
}
table.table_a td {
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	padding: 4px 6px;
}


table.table_color_sample {
	border: 0px solid #999999;
	border-collapse: collapse;
	border-spacing: 1px;
	margin: 10px 0px 0px -10px;
}
table.table_color_sample th {

	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	text-align: right;
	background-color: #e5f5f5;
	font-weight: normal;
	padding: 7px;
	white-space: nowrap;
}
table.table_color_sample td {
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	padding: 0px 0px;
}

table.table_color_sample a{border: 0px;background-color:#ffffff;padding: 6px 8px;width: 110px;}
table.table_color_sample a{display:block;border:0px;padding: 6px 8px;width: 110px;}
table.table_color_sample a:hover{background-color:#F5F1E9;}




table.table_mitu {
	border: 0px solid #999999;
	border-collapse: collapse;
	border-spacing: 1px;

	margin: 10px 0px 0px 0px;
}
table.table_mitu th {

	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	text-align: center;
	background-color: #e5f5f5;
	font-weight: normal;
	padding: 7px;
	white-space: nowrap;
}
table.table_mitu td {
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	text-align: center;
	padding: 4px 6px;
}

table.table_mitu_small {
	border: 0px solid #999999;
	border-collapse: collapse;
	border-spacing: 1px;
	margin: 3px 0px 0px 0px;
}
table.table_mitu_small td {
	border-top: solid 0px #CCCCCC;
	border-bottom: solid 0px #CCCCCC;
	border-left: solid 0px #CCCCCC;
	border-right: solid 0px #CCCCCC;
	text-align: left;
	padding: 0px 3px;
}


table.table_postage {
	border: 0px solid #999999;
	border-collapse: collapse;
	border-spacing: 1px;

	margin: 10px 0px 0px 0px;
}
table.table_postage th {

	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	text-align: center;
	background-color: #e5f5f5;
	font-weight: normal;
	padding: 3px;
	white-space: nowrap;
}
table.table_postage td {
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	text-align: center;
	padding: 3px 3px;
}


table.table_colorlist {
	border: 0px solid #999999;
	border-collapse: collapse;
	border-spacing: 1px;
	margin: 10px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
}
table.table_colorlist th {
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	text-align: center;
	background-color: #e5f5f5;
	font-weight: normal;
	padding: 7px;
	white-space: nowrap;
}
table.table_colorlist td {
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	text-align: center;
	vertical-align: middle;
	padding: 5px 5px;
}