@charset "shift_jis";
/*css reset*/
*{
	margin:0;
	padding:0;
	font-size:100%;
	font-style:normal;
	font-weight:normal;
	line-height:1.4;
}
img{
	border:none;
}
ul,
ol{
	list-style-type:none;
}
body{
	font-family:"ヒラギノ角ゴ Pro W3","HiraKakuPro-W3","MS Pゴシック","MSゴシック","Helvetica","Verdana","sans-serif";
	line-height:1.4;
	color:#333;
}
/*link*/
a{
	text-decoration:none;
}
a:link{
	color:#33f;
}
a:visited{
	color:#060;
}
a:active{
	color:#f93;
}
a:hover{
	color:#f93;
}
a:focus{
	outline:none;
}
.plink{
	text-align:center;
	padding:5px 0;
	clear:both;
	font-size:90%;
	height: 30px;
	padding-top: 50px;
}
/*text*/
em{
	font-weight:bold;
}
strong{
	font-weight:bold;
	color:#900;
}
del{
	text-decoration:line-through;
}
/*
clearfix
=======================================*/
.clearfix:after{
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
* html .clearfix{
	zoom:1; /* IE6 */
}
*:first-child+html .clearfix{
	zoom:1; /* IE7 */
}
/*
=======================
main area
=======================
*/
div#container{
	width:740px;
	margin:0 auto;
}
/*
=======================
header
=======================

div.header{
	width:740px;
	height:66px;
	background:url(img/bg_head.jpg) no-repeat left top;
}
div.header div#maruai{
	text-indent:-9999px;
	width:50px;
	height:55px;
	float:left;
	background:url(img/logo_maruai.gif) no-repeat left center;
}
div.header div#logo{
	text-indent:-9999px;
}
div.header div#logo a{
	display:block;
	float:left;
	width:260px;
	height:55px;
	background:url(img/logo_hiroba.gif) no-repeat left top;
}
div.header ul{
	text-align:right;
	margin-left:400px;
	padding:10px;
	font-size:90%;
}
div.header ul li{
	display:inline;
	padding-left:15px;
	background:url(img/ic_square.gif) no-repeat left bottom;
}
*/
div.header{
	width:740px;
	height:113px;
	border-bottom: 1px solid #c3c3c3;
/*	height:66px;
	background:url(img/bg_head.jpg) no-repeat left top;*/
}
div.header div#maruai{
/*	text-indent:-9999px;*/
	width:130px;
	height:112px;
	float:right;
/*	background:url(img/logo_maruai.png) no-repeat 15px center;*/
}
div.header div#maruai a{
	text-indent:-9999px;
	background:url(img/logo_contact.png) no-repeat center;
	width: 130px;
	height: 30px;
	display:block;
	margin-top: 45px;
}
div.header div#maruai a:hover{
	background-color: #fff;
	opacity: 0.6;
}

div.header div#logo{
	text-indent:-9999px;
}
div.header div#logo a{
	display:block;
	float:left;
	width:600px;
	height:113px;
	background:url(img/logo_hiroba_2017.png) no-repeat left top;
}
div.header ul{
	text-align:right;
	margin-left:400px;
	padding:10px;
	font-size:90%;
}
div.header ul li{
	display:inline;
	padding-left:15px;
	background:url(img/ic_square.gif) no-repeat left bottom;
}
/*
=======================
footer
=======================
*/
div.footer{
	height:40px;
	padding-top:50px;
	text-align:center;
	font-size:80%;
/*	background:url(img/2dot.gif) repeat-x center top;*/
	clear:both;
}
/*
=======================
navi_menu
=======================
*/
div.navi_menu{
	width:160px;
	font-size:90%;
	padding-top:15px;
}
div.navi_menu ul{
	margin:0 10px 0 25px;
	list-style-image:url(img/list_point.gif);
}
div.navi_menu dl{
	margin:10px 0;
}
div.navi_menu dt{
	margin:0 10px 5px 10px;
	border-bottom:1px solid #555;
	font-size:110%;
	font-weight:bold;
}
div.navi_menu dl#GoodsList img{
	display:block;
	margin-left:20px;
}
/*
=======================
main_content
=======================
*/
div.MainContent{
	width:570px;
/*	float:right;*/
	padding-top:15px;
	margin-left:90px;
}
div.MainContent h1{
	font-size:150%;
	color:#fff;
	background:url(img/orangebar.jpg) repeat-x left center;
	padding:2px 5px;
	margin-bottom:10px;
}
div.MainContent h2{
	font-size:130%;
	color:#960;
	font-weight:bold;
	border-bottom:1px solid #999;
	margin:5px 0 10px 0;
	clear:both;
}
div.MainContent h3{
	font-size:120%;
	font-weight:bold;
	padding:2px 0 0 5px;
	margin:15px 0 5px 0;
	border-left:6px solid #777;
	clear:both;
}
div.MainContent p{
	margin-bottom:1em;
}
/*
=======================
リスト
=======================
*/
/*ノーマルリスト*/
div.MainContent ul.normal{
	margin:0 10px 15px 25px;
	list-style-type:disc;
}
div.MainContent ul.normal li{
	margin-bottom:5px;
}
/*ナンバーリスト*/
div.MainContent ol{
	margin:0 10px 0 25px;
	list-style-type:decimal;
}
div.MainContent ol li{
	margin-bottom:10px;
}
/*目次*/
ul.linklist{
	margin:0 10px 30px 25px;
	list-style-image:url(img/list_point.gif);
}
ul.linklist li{
	margin-bottom:5px;
}
/*注意書き*/
div.MainContent dl.note{
	background:#fff8c5;
	border:1px solid #800;
}
div.MainContent dl.note dt{
	font-size:120%;
	font-weight:bold;
	text-align:center;
	color:#fff;
	background:#800;
}
div.MainContent dl.note dd{
	margin:10px;
}
div.MainContent dl.note ul{
	padding:10px 20px;
	margin:5px 0;
	list-style-type:disc;
}
div.MainContent dl.note ul li{
	margin-bottom:10px;
}
/*step形式tips*/
div.MainContent dl.tips dt{
	margin-bottom:5px;
}
div.MainContent dl.tips dd{
	margin-bottom:20px;
}
/*fl_print.htmlのイメージ*/
img.print_img{
	display:block;
	float:left;
	margin-right:10px;
}
/*FAQ*/
div.MainContent dl.question dt{
	border-left:6px solid #666;
	padding-left:5px;
	margin-bottom:5px;
}
div.MainContent dl.question dt p{
	color:#630;
	margin-bottom:5px;
}
div.MainContent dl.question dd{
	margin-left:20px;
}
/*素材検索*/
div.MainContent form dl dt{
	color:#444;
	background:#ECFFC2;
	padding:2px;
	margin-bottom:3px;
}
div.MainContent form dl dd{
	margin-bottom:10px;
}
div.MainContent form input{
	margin-bottom:3px;
}
div.MainContent dl.search{
	width:130px;
	height:180px;
	float:left;
	text-align:center;
}
/*
=======================
トップページ
=======================
*/
.MainMenu{
	overflow:hidden;
	float:left;
	width: 420px;
}
div#Home h1{
	text-indent:-9999px;
	display:block;
	width:560px;
	height:40px;
	background:url(img/top_copy.gif) no-repeat left top;
}
p.new{
	width:400px;
	color:#f30;
	border-bottom:1px dotted #fc6;
	margin:10px 0;
}
/*封筒・履歴書・のし紙*/
ul.MenuStandard{
	margin:0;
	list-style-type:none;
	width:420px;
	height:50px;
	background:url(img/menu_base.gif) no-repeat left top
}
ul.MenuStandard li{
	float:left;
	margin:0 10px 15px 0;
}
ul.MenuStandard li a{
	display:block;
	width:130px;
	height:50px;
	text-indent:-9999px;
}
ul.MenuStandard li#huutou a{
	background:url(img/menu_huutou.gif) no-repeat left top;
}
ul.MenuStandard li#nosigami a{
	background:url(img/menu_nosigami.gif) no-repeat left top;
}
ul.MenuStandard li#rirekisyo a{
	background:url(img/menu_rirekisyo.gif) no-repeat left top;
}
ul.MenuStandard li#huutou a:hover,
ul.MenuStandard li#nosigami a:hover,
ul.MenuStandard li#rirekisyo a:hover{
	background:none;
}
/*冠婚葬祭・パーソナル*/
dl#MenuKankon,
dl#MenuParsonal{
	width:200px;
	font-size:90%;
	margin-right:10px;
	margin-bottom:10px;
	float:left;
}
dl#MenuKankon dt,
dl#MenuParsonal dt{
	display:block;
	width:200px;
	height:50px;
	text-indent:-9999px;
}
dl#MenuKankon dt{
	background:url(img/menu_kankon.gif) no-repeat left top;
}
dl#MenuParsonal dt{
	background:url(img/menu_personal.gif) no-repeat left top;
}
dl#MenuKankon dd,
dl#MenuParsonal dd{
	/*background:url(img/menu_sideline.gif) repeat-y left top;*/
	border-left:1px solid #999;
}
dl#MenuKankon ul,
dl#MenuParsonal ul{
	margin-left:20px;
	list-style-image:url(img/list_point.gif);
}
dl#MenuKankon ul li,
dl#MenuParsonal ul li{
	padding-bottom:5px;
}
/*バナーエリア*/
div.MenuPickup{
/*	width:130px;
	position:absolute;
	top:182px;
	left:820px;*/
	float:right;
	padding-left:10px;
	padding-right:10px;
	background:#fff5c0;
}
div.MenuPickup img{
	display:block;
	margin:10px 0;
}
/*
=======================
table
=======================
*/
div.MainContent table{
	font-size:90%;
	margin-bottom:20px;
	border-collapse:collapse;
}
div.MainContent table th{
	color:#333;
	background:#cfc;
	border:1px solid #999;
	padding:5px;
}
div.MainContent table td{
	border:1px solid #999;
	padding:5px;
}
/*
=======================
showcase
=======================
*/
div.dl_head{
	margin:0 20px;
}
div.dl_head h1{
	font-size:150%;
	font-weight:bold;
	color:#960;
	margin-bottom:10px;
	border-bottom:1px solid #999;
	clear:both;
}
/*==*/
div.dl_head ul.TotalMenu{
	text-align:center;
	padding:5px 0;
	margin:10px 0;
	background:#fc0;
}
div.dl_head ul.TotalMenu li{
	display:inline;
	margin:0 10px;
}
div.dl_head ul.TotalMenu li a{
	color:#330;
}
div.dl_head ul.TotalMenu li a:hover{
	text-decoration:underline;
}
/*==*/
div.dl_head .SubMenuBox{
	width:250px;
	float:left;
}
div.dl_head ul.SubMenu{
	padding-left:25px;
	margin-bottom:10px;
	list-style-image:url(img/list_point.gif);
}
div.dl_head ul.SubMenu li{
	margin-bottom:5px;
}
/*==*/
div.dl_head ul.NoteMenu{
	margin-bottom:15px;
}
div.dl_head ul.NoteMenu li{
	display:inline;
	padding:3px 20px;
	background:url(img/ex_point.gif) no-repeat left center;
}
div.dl_head p{
	margin-bottom:5px;
}
/*==*/
div.showcase,
div.showcase2{
	margin:20px 10px 0 10px;
}
div.showcase h2,
div.showcase2 h2{
	font-size:130%;
	font-weight:bold;
	text-align:center;
	border-bottom:2px dotted #390;
	margin:5px 0 15px 0;
	clear:both;
}
div.showcase dl{
	width:239px;
	float:left;
	text-align:center;
	margin-bottom:20px;
}
div.showcase2 dl{
	width:300px;
	float:left;
	text-align:center;
	margin-bottom:20px;
}
div.showcase dt,
div.showcase2 dt{
	color:#fff;
	background:#66a800;
	padding:2px;
	margin:0 8px 5px 8px;
}
div.showcase dd div.thumbnail{
	height:200px;
}
div.showcase2 dd div.thumbnail{
	height:150px;
}
div .shikijia4 dd div.thumbnail{
	height:200px;
}

div.showcase dd ul li,
div.showcase2 dd ul li{
	margin-bottom:5px;
	vertical-align:bottom;
}
/*和柄ページ*/
div.showcase h1#wa_title{
	text-indent:-9999px;
	display:block;
	width:720px;
	height:130px;
	background:url(img/wa_header.jpg) no-repeat center top;
}
div.showcase ul.wa_menu{
	display:block;
	width:720px;
	height:90px;
	padding-left:70px;
	background:url(img/wa_menu.gif) no-repeat left top;
	margin:20px 0;
}
div.showcase ul.wa_menu li{
	float:left;
	text-indent:-9999px;
}
div.showcase ul.wa_menu li a{
	display:block;
	width:130px;
	height:90px;
	margin-right:20px;
	background-repeat:no-repeat;
	background-position:left top;
}
div.showcase ul.wa_menu li#syokubutu a:hover,
div.showcase ul.wa_menu li#doubutu  a:hover,
div.showcase ul.wa_menu li#jimon  a:hover,
div.showcase ul.wa_menu li#komono  a:hover{
	background-image:none;
}
div.showcase ul.wa_menu li#syokubutu a{
	background-image:url(img/wa_syokubutu.gif);
}
div.showcase ul.wa_menu li#doubutu a{
	background-image:url(img/wa_doubutu.gif);
}
div.showcase ul.wa_menu li#jimon a{
	background-image:url(img/wa_jimon.gif);
}
div.showcase ul.wa_menu li#komono a{
	background-image:url(img/wa_komono.gif);
}
/*挨拶状・案内状一覧ページ*/
div.aisatsu_list{
	padding:20px;
}
div.aisatsu_list dl{
	width:220px;
	float:left;
	margin-right:10px;
}
div.aisatsu_list dl dt{
	border-bottom:1px solid #999;
}
div.aisatsu_list dl dd{
	font-size:80%;
}
div.aisatsu_list dl dd ul{
	margin:0 0 20px 15px;
	list-style-image:url(img/list_point.gif);
}
div.aisatsu_list dl dd ul li{
	margin-bottom:3px;
}