@charset "utf-8";

/* ===================================================================
CSS Document

 file name  :style_popup.css
 style info :ポップアップ用
=================================================================== */

/* reset-min - リセット
----------------------------------------------------------- */
@import url("reset-min.css");

/* default style - リセット及びbody基本設定
----------------------------------------------------------- */
@import url("default.css");

/* reset-fonts-grids フォント設定
----------------------------------------------------------- */
@import url("reset-fonts.css");

/* 共通のスタイル指定(ヘッダー、フッター)
----------------------------------------------------------- */
@import url("style.css");


/*----------------------------------------------------
	レイアウト
----------------------------------------------------*/

#wrapper_popup {
	width: 667px;
	margin: 0 auto;
}

#popup_header_area {
	position: relative;
	height: 62px;
}

#popup_header_area .logo {
	position: absolute;
	top: 10px;
	left: 2px;
}

#popup_header_area .close {
	position: absolute;
	right: 0;
	top: 21px;
}

#popup_content_area {
	background: url(/common/image/bg_popupcontentarea_01.gif) repeat-y;
}

#popup_content_area .content_inner {
	min-height: 350px;
	height:auto !important;
	height:350px;
	padding:11px 10px 10px 11px;
	background: url(/common/image/bg_popupcontentarea_02.gif) no-repeat;
}

#copy{
	margin: 0;
	padding: 20px 0 0 0;
	background:url(/common/image/bg_popupcontentarea_03.gif) no-repeat left top;
	text-align:center;
}
/*----------------------------------------------------
	タイトル
----------------------------------------------------*/

div.title_book,
div.title_cd,
div.title_dvd,
div.title_reports,
div.title_other,
div.title_leaflet {
	width:645px;
	margin: 0;
	min-height:45px;
}

div.title_book {
	background: url(../../syuppan/book/image/bg_h1_pop_01_book.gif) no-repeat top left;
}

div.title_cd {
	background: url(../../syuppan/cd_dvd/image/bg_h1_pop_01_cd.gif) no-repeat top left;
}

div.title_dvd {
	background: url(../../syuppan/cd_dvd/image/bg_h1_pop_01_dvd.gif) no-repeat top left;
}

div.title_reports {
	background: url(../../syuppan/reports/image/bg_h1_pop_01_reports.gif) no-repeat top left;
}

div.title_other {
	background: url(../../syuppan/kenkozukuri/image/bg_h1_pop_01_other.gif) no-repeat top left;
}

div.title_leaflet {
	background: url(../../syuppan/leaflet/image/bg_h1_pop_01_leaflet.gif) no-repeat top left;
}

div.title_book {
	width:645px;
	margin: 0;
	min-height:45px;
	background: url(../../syuppan/book/image/bg_h1_pop_01_book.gif) no-repeat top left;
}

div h1{
	width:575px;
	min-height:35px;
	height:auto !important;
	height:35px;
	padding:8px 10px 8px 60px;
	font-size:120%;
	font-weight:bold;
	line-height:1.4;
	color:#4f4f4f;
	background: url(/common/image/bg_h1_pop_01b.gif) no-repeat bottom left;
}

div h1 span{
	display:block;
	width:570px;
	margin:0;
	font-weight: normal;
	font-size:80%;
}

h2 {
	width:468px;
	margin: 0 0 12px 0;
	padding: 4px 0 3px 11px;
	border-top:2px solid #70b631;
	border-bottom:2px solid #70b631;
	background:none;
	font-size:110%;
}

div h1.one{
	padding:16px 10px 0 60px;
}

/*----------------------------------------------------
	カラム
----------------------------------------------------*/
.columnblock{
	overflow:hidden;
	margin-top:15px;
}

#popup_content_area .col_image {
	float: left;
	width: 141px;
}

#popup_content_area .col_image p.border image {
	border:#cfcfcf solid 1px;
}

#popup_content_area .col_shohin{
	float: right;
	width: 479px;
	margin-right: 6px;
}

#popup_content_area .col_shohin em {
	display:block;
	margin-left: 10px;
	margin-bottom: 15px;
	font-style:normal;
}

#popup_content_area .col_shohin p{
	margin: 0 0 10px 10px;
}

/*----------------------------------------------------
	リスト、テキスト
----------------------------------------------------*/

strong.priority_low{
	color:#d42828;
	font-weight:normal;
}

h3 {
	margin: 15px 0 10px 10px;
	padding: 0 0 0 5px;
	border-left:#70b631 solid 4px;
	background:none;
	font-size:100%;
	vertical-align: middle;
}

#popup_content_area p.signature {
	margin-top:10px;
	padding-left:1.5em;
	text-indent: -1.5em;
}

#popup_content_area ul.shosai_box {
	margin: 16px 5px 0 10px;
	border: #e4e4e4 solid 1px;
}

#popup_content_area ul.shosai_box li {
	margin:2px;
	padding: 6px 0 4px 11px;
	background: #f2f2f2;
}

#popup_content_area ul.link_normal {
	clear:both;
	margin: 10px 0 10px 0;
	padding: 0 0 0 5px;
	text-decoration: none;
}

#popup_content_area table ul.link_normal {
	clear:both;
	margin: 0;
	padding: 0;
	font-weight:normal;
	text-align:left;
}

#popup_content_area ul.link_normal li{
	padding:0 0 5px 15px;
	background: url(/common/image/icon_arrow_06.gif) no-repeat 2px 0.3em ;
}
#popup_content_area table ul.link_normal li{
	padding:0 0 0 15px;
}

#popup_content_area ul.link_normal li.blank  {
	background: url(/common/image/icon_blank_02.gif) no-repeat 2px 0.35em ;
}

.ie6 #popup_content_area ul.link_normal li.blank  {
	background: url(/common/image/icon_blank_02.gif) no-repeat 2px 0.2em ;
}
/*--------------------------------
	リスト
----------------------------------*/
#popup_content_area ul,
#popup_content_area ol {
	margin-left:8px;
	clear:both;
	margin-top:10px;
}

#popup_content_area ul li,
#popup_content_area ul ol ul li{
	margin-bottom:7px;
	padding:  0 0 0 1.5em;
	background: url(/common/image/icon_list_01.gif) no-repeat  0.2em 0.5em;
	vertical-align:middle;
}

/*--------------------------------
	番号付きリスト
----------------------------------*/
#popup_content_area ol {
	margin: 10px 0 0 2.3em;
}

/*--X. -----------------*/
#popup_content_area ol li {
	margin-top: 7px;
	list-style-type: decimal;
	list-style-position: outside;
}

/*--(X)-----------------*/
#popup_content_area ol ol li{
	margin-top: 5px;
	list-style: none;
	text-indent:-1.5em; 
}

/*--X)-----------------*/
#popup_content_area ol ol ol li{
	margin-top: 5px;
	list-style: none;
	text-indent:-1.2em; 
}

/*--i ii iii-----------------*/

#popup_content_area ol ol ol ol li,
#popup_content_area ol ol ol ul ol li{
	list-style-type: lower-roman !important;
	margin-left:0;
	text-indent:0em;
	padding:0;
}

.ff2 #popup_content_area ol ol ol ul ol li{
	padding:0;
}

/*----------------------------------------------------
	ボタン
----------------------------------------------------*/
.col_image p {
	margin:0 0 10px 2px;
}

.col_image div{
	margin:24px 0 0 0;
}

.col_image div span{
	display:block;
	width:141px;
	margin:0 auto;
	padding-bottom:2px;
}

.col_image span a{
	display:block;
	height:53px;
	text-indent:-9999px;
}

.col_image  span.download a:link,
.col_image  span.download a:visited{
	background:url(/syuppan/image/button_download.gif) no-repeat 0 0;
}

.col_image  span.download a:hover{
	background:url(/syuppan/image/button_download.gif) no-repeat 0 -55px;
}

.col_image  span.omoushikomi a:link,
.col_image  span.omoushikomi a:visited{
	background:url(/syuppan/image/button_omoushikomi.gif) no-repeat 0 0;
}

.col_image  span.omoushikomi a:hover{
	background:url(/syuppan/image/button_omoushikomi.gif) no-repeat 0 -55px;
}

/*----------------------------------------------------
	印刷設定
----------------------------------------------------*/

@media print {


#header_area,
#global_navi,
#sub_area,
#footer_area,
#topicpath,
#topicpath ul,
.pagetop_body{
	display:none;

}

body,
#wrapper,
#container,
#container .wrap,
#main_area{
	background:none;
}

#container,
#main_area,
.ribbon_box{
	width:100%;
}
}