/* CSS Document */

/* ブラウザ表示の初期化 */
*{margin:0; padding:0; border:0; line-height:1.0; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:100%; color:#300;}

/* 基本 */
body{margin:0 auto; text-align:center; width:760px; background:#EDE1D1 url(../img/bk_body.gif) repeat-x top;}
a{font-weight:bold; border-style:none;}
a:hover{font-weight:bold; color:#C96;}

/* メインコンテナ */
div#container{background:#F0E4CE url(../img/bk_container.gif) repeat-y; text-align:left;}

/* ヘッダー用 */
div#container div#header{padding:24px 20px 0 28px ; width:712px; height:66px; background:url(../img/bk_header.gif) no-repeat left top;}
div#container div#header h1{float:left;}
div#container div#header h1 img{margin-right:20px; vertical-align:middle;}
div#container div#header p{padding-top:13px; line-height:150%; font-size:75%;}

/* wrapper内の見出し、定義リスト、リスト */
div#container div#wrapper{padding-top:28px; background:url(../img/bk_wrapper.jpg) no-repeat top;}

div#container div#wrapper div#wrapper-inner{float:right; padding-right:32px; width:545px; background:url(../img/bk_wrapper-inner.gif) repeat-y left; font-size:80%;}

div#container div#wrapper div#wrapper-inner h2{margin:15px 15px 0; padding:3px 5px; border-top:5px solid #966; color:#300; font-size:150%; line-height:150%; background:url(../img/bk_topics_h3.gif) repeat-x bottom;}
div#container div#wrapper div#wrapper-inner h3{margin:15px 15px 10px; padding:3px 10px; border-left:5px solid #966;  font-size:120%;  line-height:135%; background:#FDF5E6 url(http://www.atelier-senka.com/img/bk_h3.gif) repeat-x bottom; clear:both; font-family:serif;}
div#container div#wrapper div#wrapper-inner h4{margin:15px 15px 10px; padding:5px; color:#630; border-bottom:3px solid #963; border-top:3px solid #963; color:#630; background-color:#FFFFF0; clear:both;}
div#container div#wrapper div#wrapper-inner h5{margin:15px 15px 10px; padding-left:5px; border-left:1em solid #630;/* clear:both;*/}

div#container div#wrapper div#wrapper-inner dl{margin:15px 15px 10px;}
div#container div#wrapper div#wrapper-inner dl dt{margin-bottom:5px; padding:5px; border-bottom:1px solid #CCC;  border-left:5px solid #966; background-color:#EFEFEF; font-weight:bold; color:#633; font-size:110%; clear:both;}
div#container div#wrapper div#wrapper-inner dl dd{margin-bottom:15px; clear:both;}

div#container div#wrapper div#wrapper-inner ul{margin:10px; padding:10px;}
div#container div#wrapper div#wrapper-inner ul li{padding-left:20px; list-style:none outside; margin-bottom:10px; background:url(../img/arw_01.gif) no-repeat left top; line-height:1.4em;}
div#container div#wrapper div#wrapper-inner ul li a{font-weight:normal; line-height:1.4em;}
div#container div#wrapper div#wrapper-inner ul li ul li{background:url(../img/arw_03.gif) no-repeat left top;}
div#container div#wrapper div#wrapper-inner p{margin-bottom:10px; padding:0 15px; line-height:150%;}
div#container div#wrapper div#wrapper-inner dl dd table,div#container div#wrapper div#wrapper-inner dl dd table td,div#container div#wrapper div#wrapper-inner dl dd table tr{margin:0; border:0; padding:2px 0;}

div#container div#wrapper div#wrapper-inner p img{margin-bottom:10px; float:right;}
div#container div#wrapper div#wrapper-inner p strong,div#container div#wrapper div#wrapper-inner p em,div#container div#wrapper div#wrapper-inner p u,div#container div#wrapper div#wrapper-inner p a{line-height:150%;}
div#container div#wrapper div#wrapper-inner blockquote{display:block; margin:10px 20px; padding:10px; border:5px solid #99B3B3; border-top:0; border-bottom:0; background-color:#DFDFDF;}
div#container div#wrapper div#wrapper-inner blockquote p{margin:0; padding:0;}

div#container div#wrapper div#wrapper-inner div#mainimg{padding-bottom:0; margin-bottom:0;}
div#container div#wrapper div#wrapper-inner div#mainimg img{float:none; margin:0; padding:0; vertical-align: text-bottom;}

div#container div#wrapper div#wrapper-inner table{margin:15px 15px 10px; border-bottom:1px solid #CCC; border-left:1px solid #CCC; width:94%;}
div#container div#wrapper div#wrapper-inner table td,div#container div#wrapper div#wrapper-inner table th{padding:5px; line-height:150%; border-top:1px solid #CCC; border-right:1px solid #CCC;}
div#container div#wrapper div#wrapper-inner table th{text-align:left; background-color:#EFEFEF;}

/* カテゴリタイトル用 */
div#container div#wrapper div#wrapper-inner p#titleimg{margin:0 15px; padding:0; border-top:5px solid #963;}
div#container div#wrapper div#wrapper-inner p#titleimg img{margin:0; float:none;}

/* メインコンテナの足下 */
div#container div#wrapper div#wrapper-inner div#topicsbottom{height:10px; background:url(../img/bk_topics_bottom.gif) no-repeat left bottom; clear:both;}
div#container div#wrapper div#wrapper-inner div#topicsbottom hr{visibility:hidden; height:0; overflow:hidden;}

/* toppage topics（お知らせ） */
div#container div#wrapper div#wrapper-inner div#topics{margin:0; padding:17px 0 0 15px; background:url(../img/bk_topics.jpg) no-repeat left top;}
div#container div#wrapper div#wrapper-inner div#topics h2{margin:0; font-size:85%; border:0; color:#FFF; background-image:url(../img/spacer.gif); clear:both;}
div#container div#wrapper div#wrapper-inner div#topics h3{margin:15px 20px 0 0; padding-left:10px; border-left:5px solid #630; background:url(../img/bk_topics_h3.gif) repeat-x bottom; line-height:150%; color:#630; clear:both;}
div#container div#wrapper div#wrapper-inner div#topics p{padding:3px; padding-right:15px; color:#333; font-size:90%;}
div#container div#wrapper div#wrapper-inner div#topics p strong{color:#333; _font-size:110%;}
div#container div#wrapper div#wrapper-inner div#topics p a{padding-left:15px; background:url(../img/arw_02.gif) no-repeat left; line-height:130%; _font-size:110%;}
div#container div#wrapper div#wrapper-inner div#topics p img{float:right; margin-left:10px; margin-right:5px;}

/* history用 */
div#container div#wrapper div#wrapper-inner div#history{}
div#container div#wrapper div#wrapper-inner div#history table th{white-space:nowrap; background-color:#FDF5E6;}
div#container div#wrapper div#wrapper-inner div#history .nwrap{white-space:nowrap; background-color:#FFFAF0;}

/* パンクズナビ */
div#container div#wrapper div#wrapper-inner div#pNav{margin:10px; font-size:90%; line-height:140%;}

/* ナビゲーション用 */
div#container div#wrapper div#mainNav{margin:0; width:183px; float:left;}
div#container div#wrapper div#mainNav p#topbtn{padding-left:5px; background:url(../img/bk_mainNav_ul.gif) repeat-y left; font-weight:bold;}
div#container div#wrapper div#mainNav ul{padding-left:5px; padding-bottom:15px; background:url(../img/bk_mainNav_ul.gif) repeat-y left;}
div#container div#wrapper div#mainNav ul li{list-style:none outside;}
div#container div#wrapper div#mainNav ul li a,div#container div#wrapper div#mainNav p#topbtn a{display:block; margin:0; padding-left:1em; line-height:25px; height:25px; background:url(../img/btn_mainNav.gif) 0 0; text-decoration:none; border-bottom:1px solid #966; color:#630; font-size:80%;}
div#container div#wrapper div#mainNav ul li a:hover,div#container div#wrapper div#mainNav p#topbtn a:hover{background:#FFF url(../img/btn_mainNav.gif) 0 -25px;}
div#container div#wrapper div#mainNav ul li ul{padding-left:0; padding-bottom:0;}
div#container div#wrapper div#mainNav ul li ul li a{margin:0; display:block; padding-left:2em; line-height:25px; height:25px; background: url(../img/btn_mainNav_sub.gif) 0 0; color:#630;}
div#container div#wrapper div#mainNav ul li ul li a:hover{background: url(../img/btn_mainNav_sub.gif) 0 -25px; color:#FFF;}
div#container div#wrapper div#mainNav div#onlineshop{ padding-left:5px; padding-bottom:145px; background:url(../img/bk_mainNav_bottom.jpg) no-repeat left top; }

/* clear用 */
div#container div#wrapper div#clearboth{clear:both;}

/* フッター用 */
div#container div#wrapper div#footer{clear:both; padding-top:10px; height:50px; text-align:center; background:url(../img/bk_footer.jpg) no-repeat bottom;}
div#container div#wrapper div#footer address{font-weight:bold; font-style:normal; color:#D0B48F; font-size:80%;}

/* color */
div#container div#wrapper div#wrapper-inner .red{color:#F00;}
div#container div#wrapper div#wrapper-inner .green{color:#360;}
div#container div#wrapper div#wrapper-inner .orange{color:#F90;}
div#container div#wrapper div#wrapper-inner .blue{color:#369;}
div#container div#wrapper div#wrapper-inner .bklgray{background-color:#EFEFEF;}

div#container div#wrapper div#wrapper-inner .more{text-align:right;}
div#container div#wrapper div#wrapper-inner .more a{padding-left:20px; background: url(http://www.atelier-senka.com/img/arw_02.gif) no-repeat left;}

div#container div#wrapper div#wrapper-inner .taright{text-align:right;}
div#container div#wrapper div#wrapper-inner .lgbox{padding:10px 0 0 10px; border:1px solid #CCC; background-color:#EFEFEF;}

/* 追記用 */
div#container div#wrapper div#wrapper-inner .extend{margin:15px 15px;/* border:1px solid #FC9;*/  background-color:#F8F2E7; clear:both;}
div#container div#wrapper div#wrapper-inner .extend p{margin:0; padding:3px 10px; color:#633; background-color:#F8F2E7;}
div#container div#wrapper div#wrapper-inner .extend hr{height:1px; border:0; clear:both;}
div#container div#wrapper div#wrapper-inner .extend img{margin:0 0 0 10px; background-color:none;}

/* planche message */
div#container div#wrapper div#wrapper-inner div#plames{text-align:center; clear:both;}
div#container div#wrapper div#wrapper-inner div#plames p{font-weight:bold; font-family:serif; color:#300;}