@charset "utf-8";

@import "reset.css";

/* CSS Information =======================================
File name: print.css
Editors: Masanori Chugo
Last Editor: Masanori Chugo
Date: 2010.06.23
======================================================== */

/* ====== 全ページ共通の設定 ====== */

body {
	margin  : 0px;
	padding : 0px;
	color   : #2f2f2f;
}

/* 写真の縮小 */
#img_print01{
      zoom: 95%;
}

#img_print02{
      zoom: 80%;
}

/* 写真の非表示 */
#img_print_none{
   display: none;
}

.section .clear {
	clear: both;
}

.section .clear_line {
	clear         : both;
	border-bottom : 1px dotted #666666;
}

/* 順序リスト */
.section ol {
	width   : 700px;
	height  : auto;
	margin  : 15px 0px;
	padding : 0px;
}

.section li {
	width   : 680px;
	height  : auto;
	margin  : 15px 0px 15px 20px;
	padding : 0px;
}

/* 印刷に不必要な物は表示させない */
h1, #header_right, #global_nav, #side_nav, #nav, #footer, .moveto01, .moveto02, .moveto03, .moveto04, .moveto05, .breadcrumbs, #mainvisual p, #btn_buy02{ 
   display: none; 
}

/* リンクの設定 */

a, a:link , a:visited , a:hover , a:focus , a:active {
	color           : #2f2f2f;
	text-decoration : none;
}

.section h2 {
	width         : auto;
	height        : auto;
	margin        : 15px 0px;
	padding       : 0px;
	font-size     : 20px;
	font-weight   : bold;
	color         : #223a70;
	border-bottom : 1px double #d4dcd6;
}

.section h3 {
	width         : auto;
	height        : auto;
	margin        : 15px 0px;
	padding       : 0px 0px 5px;
	font-weight   : normal;
	color         : #165e83;
	border-bottom : 1px dotted #e6eae3;
}

/* ====== トップページの設定 ====== */

/* 育毛シャンプー */
.section #item1 {
	width   : 200px;
	height  : auto;
	margin  : 0px;
	padding : 0px;
	float   : left;
}

/* 育毛サプリメント */
.section #item2 {
	width   : 200px;
	height  : auto;
	margin  : 0px 0px 0px 20px;
	padding : 0px;
	float   : left;
}


/* 育毛剤 */
.section #item3 {
	width   : 200px;
	height  : auto;
	margin  : 0px 0px 0px 20px;
	padding : 0px;
	float   : left;
}

/* ====== AGA(エージーエー)遺伝子検査がよくわかる！よくあるご質問の設定 ====== */

/* 定義リスト */
.section dl {
	height  : auto;
	margin  : 15px 0px;
	padding : 0px;
}

.section dt {
	height  : auto;
	margin  : 10px 0px;
	padding : 0px;
}

.section dd {
	height  : auto;
	margin  : 0px 0px 20px 60px;
	padding : 0px;
}

/* ====== AGA(エージーエー)遺伝子検査 検査の流れの設定 ====== */

/* 左側ボックス */
.agadock_flow .left {
	width   : 700px;
	height  : auto;
	margin  : 0px;
	padding : 0px;
	float   : left;
}

/* 右側ボックス */
.agadock_flow .right {
	width   : 700px;
	height  : auto;
	margin  : 0px;
	padding : 0px;
	float   : left;
}

/* ====== AGA(エージーエー)遺伝子検査 掲載メディアの設定 ====== */

.agadock_media p.img03 {
	width         : 175px;
	height        : 175px;
	margin        : 0px 0px 20px;
	padding       : 0px;
	font-size     : 80%;
	float         : left;
	text-align    : center;
	border-bottom : 1px dotted #999999;
}

/* === AGA(エージーエー)遺伝子検査で分かること ページの設定 === */

/* 左側ボックス */
.agadock_prove .left {
	width   : 700px;
	height  : auto;
	margin  : 0px 0px 15px;
	padding : 0px;
	float   : left;
}

/* 右側ボックス */
.agadock_prove .right {
	width   : 700px;
	height  : auto;
	margin  : 0px 0px 15px;
	padding : 0px;
	float   : left;
}

/* === AGA(エージーエー)遺伝子検査 検査キット体験者の声 ページの設定 === */

/* 左側ボックス */
.agadock_voice .left {
	width   : 700px;
	height  : auto;
	margin  : 0px 0px 15px;
	padding : 0px;
	float   : left;
}

/* 右側ボックス */
.agadock_voice .right {
	width   : 700px;
	height  : auto;
	margin  : 0px 0px 15px;
	padding : 0px;
	float   : left;
}

/* AGA(エージーエー)遺伝子検査 検査キット体験者の声 お名前と年齢 */
.agadock_voice p.name {
	width       : 690px;
	height      : 20px;
	margin      : 25px 0px 15px;
	padding     : 5px 0px 0px 10px;
	font-weight : bold;
	color       : #223a70;
}

/* === 掲載メディア(Web)羅列用の設定 === */
.agadock_media ul {
	width      : 700px;
	height     : auto;
	margin     : 15px 0px 40px;
	padding    : 0px;
	list-style : none;
}

/* ====== AGA(エージーエー)とは？(whats_aga) ====== */
.whats_aga table {
	margin  : 0px 0px 20px;
	padding : 0px;
	border  : 1px solid #CCCCCC;
}

.whats_aga caption {
  text-align : left;
}

.whats_aga td.td01{
	width       : 150px;
	margin      : 0px;
	padding     : 5px;
	color       : #333333;
	background  : #ee836f;
	font-weight : bold;
	text-align  : center;
	border      : 1px solid #CCCCCC;
}

.whats_aga td.td02{
	width       : 150px;
	margin      : 0px;
	padding     : 3px;
	color       : #333333;
	background  : #eb9b6f;
	font-weight : bold;
	text-align  : center;
	border      : 1px solid #CCCCCC;
}

.whats_aga td.td03{
	width       : 150px;
	margin      : 0px;
	padding     : 3px;
	color       : #333333;
	background  : #f3bf88;
	font-weight : bold;
	text-align  : center;
	border      : 1px solid #CCCCCC;
}