@charset "utf-8";
/*   
Theme Name:emblem
Theme URI:
Description:emblemのテーマ
Author:mono-lab.net
Author URI:http://www.mono-lab.net
Version:1.0
*/

/* ----- basic --------------------------------------------------------------------------------------------------------------------------------- */
body { margin:0; padding:0; background:#fff url(img/background.jpg) left top;
       font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
       font-size:12px; color:#555; }
img { display:block; border:none; }
a img { border:none; }
a, a:visited { color:#06a1dc; text-decoration:none; outline:none; }
a:hover { color:#e67474; text-decoration:underline; }
p { margin:0 0 1em 0; padding:0; line-height:160%; }
h2,h3 {margin:0; padding:0;}
ul { list-style-type:none; margin:0 0 1em 0; padding:0; line-height:0%; }
li { margin:0; padding:0; line-height:normal; zoom:1; }
ol { margin:0 0 1em 0; padding:0; list-style-type:none;}
* html ol { margin:0 0 1em 23px; padding:0; }
ol li { padding:0 0 5px 0; }
form,table,input,textarea,dl,dt,dd { margin:0; padding:0; }
table { border-collapse:collapse; border:0; margin:0 0 1em 0; font-size:12px; }
blockquote { margin:0 0 1em 0; padding:15px 20px 0 20px; border:1px solid #ccc; background:#fff url(img/stripe3.gif) left top; }


#wrapper { width:950px; background:#fff url(img/side_line.gif) left top; margin:0 auto; }

/* ----- ヘッダー ------------------------------------------------------------------------------------------------------------------------------- */
#header_top { height:60px; position:relative; }
h1 { position:absolute; top:5px; left:24px; margin:0; padding:0; font-weight:normal; font-size:12px; }
#header_tel { position:absolute; top:5px; right:195px; }
#header_button { position:absolute; top:8px; right:24px; }

#header_menu_wrapper_index { width:904px; height:359px; background:url(img/main.jpg) no-repeat 21px top; margin:0 auto; position:relative; }
#header_menu_wrapper_index #header_menu { margin:0; padding:0; position:absolute; bottom:0; }
#header_menu li { display:inline; float:left; margin:0; padding:0; }

#header_menu_wrapper { width:904px; height:76px; margin:0 auto; }
#header_menu_wrapper #header_menu { margin:0; padding:0; }

/* ----- トップページ --------------------------------------------------------------------------------------------------------------------------- */
#index_contents { padding:0 0 70px 0; margin:30px 40px 0 40px; }

#index_left_col { float:right; width:673px; }

#index_howto { margin:0 0 25px 0; background:url(img/howto.jpg) no-repeat center 65px; height:270px; position:relative; }
#index_howto h2 { margin:0; padding:0; }
#index_more_button { position:absolute; right:0; bottom:0; }

#index_middle { margin:0 0 30px 0; }

/*キャンペーン*/
#index_campaign { padding:0 0 0 0; }
.index_campaign_contents { margin:20px 0; padding:0 0 10px 0; }
.index_campaign_image { display:block; position:relative; width:303px; height:108px; background:url(img/index_campaign_banner.gif) no-repeat left top; float:left; }
.index_campaign_image img { position:absolute; top:9px; left:9px; }
.index_campaign_info { float:left; display:inline; margin:0 0 0 25px; width:338px; background:url(img/index_campaign_title.gif) no-repeat left 10px; }
.index_campaign_title { background:#fff; display:inline-block; margin:5px 0 10px 15px; padding:0 7px 0 0; font-weight:bold; }
.index_campaign_more { float:right; }

/*トップページキャンペーン*/
#top_campaign{ width:636px; height:146px; position:relative; border: non;}
#top_campaign1{ width:636px; height:129px; position:relative; border: 1px #000000 solid;margin:0 0 10px 0;}
#top_campaign2{ width:636px; height:146px; position:relative; border: 1px #000000 solid;margin:10px 0 10px 0;}
#top_campaign3{ width:636px; height:146px; position:relative; border: 1px #000000 solid;margin:0 0 10px 0;}

/*最新のニュース*/
#index_latest_news { float:left; width:385px; }
#index_latest_news h2 { margin:0 0 17px 0; padding:0; float:left; display:inline; }
#index_rss { float:left; }
#index_latest_news_content { clear:both; width:381px; margin:0 0 0 5px; }
#index_latest_news_content p { margin:0; }
#index_latestnews_more { float:right; background:url(img/arrow2.gif) no-repeat left 1px; padding:4px 6px 4px 23px; }

/*過去のニュース*/
#index_old_news { background:url(img/index_old_news_top.gif) no-repeat left top; width:381px; padding:33px 0 0 0; margin:20px 0 0 2px; }
#index_old_news ul { margin:0; padding:0; background:url(img/index_old_news_bottom.gif) no-repeat left bottom; }
#index_old_news li { padding:12px 5px 8px 15px; background:url(img/dot.gif) repeat-x left top; font-size:11px; }
#index_old_news li span { display:inline-block; width:70px; float:left; background:url(img/arrow1.gif) no-repeat left 2px; padding:0 0 0 15px; }
#index_old_news li a { margin:0 0 0 0; display:inline; float:left; width:265px; }
#index_old_news_button { float:right; display:inline; margin:5px 3px 0 0; }

/*お客様ギャラリー*/
#index_customer_gallery { float:right; width:278px; }
#index_customer_gallery h2 { margin:0 0 17px 0; padding:0; }
#index_customer_gallery ul { width:275px; margin:0 0 0 3px; }
#index_customer_gallery li { margin:0 0 8px 0; }
.index_gallery_image { display:block; position:relative; width:64px; height:60px; background:url(img/index_gallery_back.gif) no-repeat left top; float:left; }
.index_gallery_image img { position:absolute; top:4px; left:4px; }
#index_customer_gallery div { float:left; display:inline; padding:3px 0 0 0; margin:0 0 0 15px; width:190px; background:url(img/index_gallery_title.gif) no-repeat left 5px; }
#index_customer_gallery div p { color:#888; font-size:11px; margin:0; }
#index_customer_gallery div p.index_gallery_title { padding:0 0 12px 14px; color:#555; font-size:12px; line-height:100%; }
#index_gallery_button { margin:5px 0 0 0; float:right; }

/* ----- サイドコンテンツ ----------------------------------------------------------------------------------------------------------------------- */
#index_right_col { float:left; width:186px; }
#left_col { float:left; width:186px; }

.side_menu { background:url(img/side_bottom.gif) no-repeat left bottom; padding:0 0 14px 0; margin:0 0 15px 0; }
.side_menu h3 { margin:0; padding:0; }
.side_menu ul { margin:0; padding:0 3px; background:url(img/side_side.gif) repeat-y left top; }
.side_menu li { background:url(img/dot.gif) repeat-x left top; font-size:11px; }
.side_menu li a,.side_menu li a:visited { padding:12px 15px 8px 20px; display:block; background:url(img/arrow1.gif) no-repeat 10px 15px; color:#555; }
.side_menu li a:hover { color:#e67474; }
.side_menu li.cat-item-5 a,.side_menu li.cat-item-5 a:visited { background:url(img/side_menu1.gif) no-repeat 10px 3px; padding:12px 15px 8px 60px; }
.side_menu li.cat-item-6 a,.side_menu li.cat-item-6 a:visited { background:url(img/side_menu2.gif) no-repeat 9px 4px; padding:12px 15px 8px 60px; }
.side_menu li.cat-item-7 a,.side_menu li.cat-item-7 a:visited { background:url(img/side_menu3.gif) no-repeat 10px 4px; padding:12px 15px 8px 60px; }
.side_menu li.cat-item-8 a,.side_menu li.cat-item-8 a:visited { background:url(img/side_menu4.gif) no-repeat 9px 3px; padding:12px 15px 8px 60px; }
.side_menu li.cat-item-9 a,.side_menu li.cat-item-9 a:visited { background:url(img/side_menu5.gif) no-repeat 10px 3px; padding:12px 15px 8px 60px; }
.side_menu li.cat-item-10 a,.side_menu li.cat-item-10 a:visited { background:url(img/side_menu6.gif) no-repeat 10px 3px; padding:12px 15px 8px 60px; }
.side_menu li.cat-item-11 a,.side_menu li.cat-item-11 a:visited { background:url(img/side_menu7.gif) no-repeat 9px 4px; padding:12px 15px 8px 60px; }
.side_menu li.cat-item-12 a,.side_menu li.cat-item-12 a:visited { background:url(img/side_menu8.gif) no-repeat 9px 4px; padding:12px 15px 8px 60px; }
.side_menu li.cat-item-13 a,.side_menu li.cat-item-13 a:visited { background:url(img/side_menu9.gif) no-repeat 10px 4px; padding:12px 15px 8px 60px; }
.side_menu li.cat-item-14 a,.side_menu li.cat-item-14 a:visited { background:url(img/side_menu10_1.gif) no-repeat 10px 7px; padding:12px 15px 8px 60px; }
.side_menu li.cat-item-15 a,.side_menu li.cat-item-15 a:visited { background:url(img/side_menu11.gif) no-repeat 11px 4px; padding:12px 15px 8px 60px; }
.side_menu li.cat-item-21a,.side_menu li.cat-item-21 a:visited { background:url(img/side_menu10.gif) no-repeat 11px 4px; padding:12px 15px 8px 60px; }

#side_banner { margin:15px 2px; }
#side_banner li { margin:0 0 7px 0; line-height:0; }
#side_banner li a img { border:1px solid #ccc; }
#side_banner li a img:hover { border:1px solid #52c2db; }

#side_menu li.current-cat a { background:url(img/arrow1.gif) no-repeat 20px 15px; padding:12px 15px 8px 30px; text-decoration:underline; color:#e67474; }

/* ----- その他のページ共通部分 ----------------------------------------------------------------------------------------------------------------- */
#main_contents { padding:0 0 80px 0; margin:15px auto 0; width:904px; }
.contents { padding:0 5px 1em; }
#right_col h2 { margin:0 0 10px 0; padding:0; }
#right_col h3 { margin:0 0 1em 0; padding:0; }
#right_col h5 { font-size:12px; margin:20px 0 0 0; padding:0; }
td,th { border:1px solid #bbb; padding:8px 12px 6px; line-height:160%; }
th.blue, td.blue { background:#80c0cf; color:#fff; font-weight:normal; }
th.gray, td.gray { background:#f2f2f2; }
table p { margin:0; line-height:160%; }
.aligncenter { margin:0 auto; }
.alignleft { float:left; }
.alignright { float:right; }
.clear { clear:both; }
.headline { margin:20px 0 1em 0; }
.headline2 { background:url(img/headline_left.gif) no-repeat left top; padding:0 0 0 15px; font-weight:normal; color:#fff; line-height:0; margin:30px 0 10px 0; font-size:12px; }
.headline2 span { background:url(img/headline_right.gif) no-repeat right top; padding:0 20px 0 8px; line-height:24px; display:inline-block; }
.arrow { background:url(img/arrow2.gif) no-repeat left center; padding:3px 0 3px 25px; margin:5px 0; display:block; }
.contents li { margin:0 0 1em 0; line-height:160%; }
.contents table { margin:0 0 20px 0; }
.noline td { border:none; }
#size_list { text-align:center }
#size_list table { margin:20px auto; }
.no_line { border:none; }

/*素材について*/
table#material td { border:none; }
/*はじめての方へ*/
#welcome { padding:30px 0 0 0; }
#welcome p { line-height:300%; }
/*ご注文までの流れ*/
#how_to_order { }
#how_to_order td { border:none; height:200px; }
#how_to_order p { margin:0 0 1em 0; }
#how_to_order h4 { margin-top:17px; }
/*プリント方法*/
#print_type  h4 { margin:0 0 1em 0; }
#print_type  p { margin:0 0 1em 0; line-height:200%;  }
#print_type td { border:none; padding-bottom:20px; }
#print_type img { margin:0 0 20px 0; }
/*転写式プリントの詳細ページ*/
#print_detail td { border:none; padding:0 0 1em 0; }
#print_detail .img1 { float:left; padding:0 40px 0 0; }
#print_detail h5 { margin:20px 0 10px; display:block; font-size:14px; }
#print_detail #icon { margin:0 20px 0 0; float:left; display:inline; }

#bread_crumb { width:904px; height:32px; position:relative; }
#bread_crumb ul { margin:0; padding:0; position:absolute; left:15px; background:url(img/arrow2.gif) no-repeat left top; padding:3px 0 2px 25px; }
#bread_crumb li { display:inline; font-size:11px; }
#bread_crumb li a { background:url(img/arrow3.gif) no-repeat right top; margin:0 15px 0 0; padding:0 20px 0 0;  }
#go_back { position:absolute; font-size:11px; right:15px; background:url(img/arrow2.gif) no-repeat left top; padding:3px 0 2px 25px; }

#link_list li { margin:0 0 20px 0; font-size:11px; background:url(img/dot.gif) repeat-x left bottom; padding:5px 0 20px 0; }
#link_list a,#faxorder_list h5 a { background:url(img/arrow2.gif) no-repeat left center; padding:3px 0 3px 25px; margin:0; font-size:12px; }

#fax_order {}
#fax_order td { border:none; }
#fax_order h4 { margin:15px 0 1em; }

#kiyaku { border:1px solid #ccc; padding:15px; height:200px; overflow:auto; }

#right_col { float:right; width:706px; }
#headline { margin:0; padding:0; }
#headline_small { margin:0; padding:0; }
#page_nav{ clear:both; position:relative; }
#older a { position:absolute; right:0; background:url(img/arrow2.gif) no-repeat right top; padding:1px 25px 2px 0; }
#newer a { position:absolute; left:0; background:url(img/arrow4.gif) no-repeat left top; padding:1px 0 2px 25px; }

/* ----- カテゴリ ------------------------------------------------------------------------------------------------------------------------------- */
#category_list { margin:20px 0 0 0; width:706px; padding:0; }
#category_list li { display:inline; float:left; width:227px; height:84px; margin:0 4px 15px; }

#product_list { margin:0 0 0 0; width:713px; padding:0; }
#product_list li { display:inline; float:left; width:170px; height:244px; margin:0 8px 15px 0; background:url(img/product_list_background.gif) no-repeat left top; position:relative; }

#product_list table { margin:0; padding:0; }
#product_list td { border:none; margin:0; padding:0; width:170px; height:44px; }
#product_list h3 { font-weight:normal; font-size:11px; margin:0; padding:0; line-height:100%; width:150px; }
#product_list h3 a { color:#666; }
#product_list h3 a:hover { text-decoration:none; }
#product_list img { position:absolute; top:48px; left:17px; }
#product_list p { position:absolute; top:197px; left:8px; font-size:11px; text-align:center; line-height:110%; width:155px; margin:0; padding:0; }

h3#category_headline { padding:14px 35px 8px; margin:10px 0 1em 0; color:#777; font-weight:normal; font-size:14px; background:url(img/headline_s_base.gif) no-repeat left top; width:636px; height:19px; }

/* ----- 商品詳細画面 --------------------------------------------------------------------------------------------------------------------------- */
#product_info_container { width:706px; background:url(img/product_info_bottom.gif) no-repeat left bottom; padding:0 0 3px 0; }
#product_image { float:left; width:370px;  background:url(img/product_info_top_left.gif) no-repeat left top; padding:20px 0 0 0; text-align:center; }
#product_image img { margin:0 auto; }
#product_info { float:left; width:333px; background:url(img/product_info_top_right.gif) no-repeat left top; padding:20px 3px 0 0; }
#right_col h2#product_name { font-weight:normal; color:#fff; padding:0 17px 13px; font-size:16px; margin:0; line-height:110%; background:url(img/dot2.gif) left top; }
#product_info p { margin:10px 20px; }
#product_number,#product_price { font-size:12px; }

#product_description { margin:0 0; }
#product_description h3 { padding:14px 35px 8px; margin:20px 0 1em 0; color:#777; font-weight:normal; font-size:14px; background:url(img/headline_s_base.gif) no-repeat left top; width:636px; height:19px; }

#dog_table { }
#dog_table td, #dog_table th { padding:5px; }

.bt {margin-left : auto ; margin-right : auto ;margin-top:120px;}
/* ----- お客様ギャラリー ----------------------------------------------------------------------------------------------------------------------- */
#customer_gallery_list { margin:20px 0 0 0; }
#customer_gallery_list li { width:706px; height:191px; background:url(img/gallery_background.gif) no-repeat left top; position:relative; margin:0 0 12px 0; }
#customer_gallery_list h3 { font-weight:normal; font-size:16px; color:#fff; position:absolute; width:460px; top:21px; left:216px; margin:0; padding:0; }
.c_pic { position:absolute; top:19px; left:30px; }
.c_large { position:absolute; top:152px; left:30px; }
.c_des { position:absolute; top:63px; left:216px; width:460px; height:60px; margin:0; padding:0; }
.c_item { position:absolute; bottom:7px; left:200px; width:240px; text-align:center; height:20px; margin:0; padding:0; font-size:11px; }
.c_print { position:absolute; bottom:7px; left:453px; width:121px; text-align:center; height:20px; margin:0; padding:0; font-size:11px;}
.c_design { position:absolute; bottom:7px; left:582px; width:117px; text-align:center; height:20px; margin:0; padding:0; font-size:11px; }

/* ----- エンブレムからのお知らせ一覧 ---------------------------------------------------------------------------------------------------------- */
#news_archives { margin:20px 0 0 0; padding:0; }
#news_archives li { margin:0 0 15px 0; }
#news_archives li span { width:145px; height:23px; display:block; float:left; text-align:center; line-height:23px; color:#fff;  background:url(img/news_archive_date.gif) no-repeat left top; }
#news_archives li a { line-height:23px; margin:0 0 0 15px; }
#news_archives_title { font-size:14px; margin:20px 0 0; }

/* ----- サポート・お問い合わせ ---------------------------------------------------------------------------------------------------------------- */
#inquiry_select { width:706px; height:152px; position:relative; background:url(img/support_bg.gif) no-repeat 2px top; margin:0 0 30px 0; }
#inquiry_select a { position:absolute; left:414px; top:78px; }
#qa ul { margin:0 0 30px 0; background:url(img/dot.gif) repeat-x left top; padding:40px 0 0 0; }
#qa ul ul { margin:1em 20px 1em; background:none; padding:0; }
.qa_q { background:url(img/qa_q.gif) no-repeat left top; padding:15px 0 15px 60px; }
.qa_a { background:url(img/qa_a.gif) no-repeat left top; padding:15px 0 15px 60px; }
.form_link { font-size:11px; }
.form_item li { display:inline; float:left; width:110px; }
#order_info2 { display:none; }

/* ----- フッター ---------------------------------------------------------------------------------------------------------------- */
#footer { background:url(img/company_footer.gif) no-repeat 40px 30px; height:155px; }
#return_top { float:right; display:inline; margin:0 43px 0 0; padding:0 0 10px 0; }
#footer_info_wrapper { clear:both; border-top:1px solid #ccc; margin:0 3px; height:145px; }
#footer ul { margin:0; }
#footer_menu { width:554px; float:right; display:inline; margin:15px 3px 0 0; background:url(img/dot3.gif) repeat-y left top; padding:10px 0 0 40px; }
#footer_menu img { margin:0 0 7px 0; }
#footer_menu li { margin:4px 0; line-height:120%; }
#footer_menu li a { padding:12px 15px 8px 18px; background:url(img/arrow5.gif) no-repeat 3px 15px; font-size:11px; line-height:0; }
#footer_menu_left { float:left; padding:0 70px 0 0; width:200px; margin:0; }
#footer_menu_right { float:left; width:200px; margin:0; }
#copyright { displayblock; margin:0 auto; padding:0 0 15px 0; }

/* ----- page navi ----------------------------------------------------------------------------------------------------------------------------- */
.page_navi { margin:0; padding:5px 0 0; clear:both; }
.page_navi li { line-height:0%; display:inline; padding:0; margin:0; font-size:11px; }
.page_navi a, .page_navi a:visited, .page_navi a:hover, .page_navi span.current,
.page_navi span.pages, .page_navi span.extend, .page_navi span.current, .page_navi span.dots
 { color:#999; width:30px; padding:3px 0 0 1px; margin:0 2px 0 0; display:block; float:left; text-align:center; line-height:27px; background:url(img/pager1.gif) no-repeat left top; }
.page_navi a:hover { color:#999; background:url(img/pager1.gif) no-repeat left bottom; text-decoration:none; }
.page_navi span.current { background:url(img/pager2.gif) no-repeat left top; color:#fff; }

/* ---------- clearfix hack ---------- */
.cf:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.cf { display: inline-block; }
/* exlude MacIE5 \*/
* html .cf { height: 1% }
.cf {display:block;}
/* end MacIE5 */

/* ---------- モニターキャンペーン用2フォーム---------- */
dl.table {
margin: 10px;
border-right: 1px solid #a8d6db;
border-bottom: 1px solid #a8d6db;
border-left: 1px solid #a8d6db;
background-color: #b0e0e6;
}
dl.table dt {
margin: 0;
padding: 5px 0;
width: 130px;
float: left;
clear: both;
text-indent: 10px;
border-top: 1px solid #a8d6db;
}
dl.table dd {
margin: 0 0 0 130px;
padding: 5px 10px;
border-top: 1px solid #a8d6db;
border-left: 1px solid #a8d6db;
background-color: #fff;
}
/* ---------- 他商品への案内ボタン---------- */
.atherbtn {
width: 680px;
margin-left: 10px;
text-align: center;
}
.atherbtn img {padding: 0px 26px 3px 0px;}

.abtn1 {
float: left;
}
.abtn2 {
float: right;
}
.abtn3 {
float: right;
}