@charset "UTF-8";

/* -------------------------------------------------------
  Common
------------------------------------------------------- */
.lead {
	color:#e27d85;
	font-weight:bold;
	line-height:1.8;
	font-size:93%;
}


/* Tab
--------------------------------------------*/
.tab_box {
	width:780px;
	height:44px;
	text-align:left;
}

#upper_tab {background:#efeadc url(../img/tab_bg.gif) repeat-x;}
#upper_tab2 {background:#fff url(../img/tab_bg2.gif) left bottom repeat-x; height:52px}

#lower_tab {
	clear:both; 
	background:url(../img/tab_footer_bg.gif) left top repeat-x; 
	padding-top:13px; 
	height:31px;
	margin-top:30px;
}
.tab_box ul {margin-left:40px}

.tab_box li {
	float:left;
	margin-right:4px;
}
.tab_box li a {display:block; height:31px}
.tab_box li a:hover {background-color:transparent;}
.tab_box li a:hover img {visibility:hidden;}

.tab_box li#ab01 {background:url(../abroad/img/tab01_o.gif) no-repeat; width:251px}
.tab_box li#ab02 {background:url(../abroad/img/tab02_o.gif) no-repeat; width:251px}
.tab_box li#ab_b01 {background:url(../abroad/img/tab_b01_o.gif) no-repeat; width:251px}
.tab_box li#ab_b02 {background:url(../abroad/img/tab_b02_o.gif) no-repeat; width:251px}
.tab_box li#manner01 {background:url(../manner/img/tab01_o.gif) no-repeat; width:231px}
.tab_box li#manner02 {background:url(../manner/img/tab02_o.gif) no-repeat; width:231px}
.tab_box li#manner_b01 {background:url(../manner/img/tab_b01_o.gif) no-repeat; width:231px}
.tab_box li#manner_b02 {background:url(../manner/img/tab_b02_o.gif) no-repeat; width:231px}
.tab_box li#eng01 {background:url(../english/img/tab01_o.gif) no-repeat; width:172px}
.tab_box li#eng02 {background:url(../english/img/tab02_o.gif) no-repeat; width:172px}
.tab_box li#eng03 {background:url(../english/img/tab03_o.gif) no-repeat; width:172px}
.tab_box li#eng04 {background:url(../english/img/tab04_o.gif) no-repeat; width:172px}
.tab_box li#eng_b01 {background:url(../english/img/tab_b01_o.gif) no-repeat; width:172px}
.tab_box li#eng_b02 {background:url(../english/img/tab_b02_o.gif) no-repeat; width:172px}
.tab_box li#eng_b03 {background:url(../english/img/tab_b03_o.gif) no-repeat; width:172px}
.tab_box li#eng_b04 {background:url(../english/img/tab_b04_o.gif) no-repeat; width:172px}
.tab_box li#ch01 {background:url(../chinese/img/tab01_o.gif) no-repeat; width:172px}
.tab_box li#ch02 {background:url(../chinese/img/tab02_o.gif) no-repeat; width:172px}
.tab_box li#ch03 {background:url(../chinese/img/tab03_o.gif) no-repeat; width:172px}
.tab_box li#ch04 {background:url(../chinese/img/tab04_o.gif) no-repeat; width:172px}
.tab_box li#ch_b01 {background:url(../chinese/img/tab_b01_o.gif) no-repeat; width:172px}
.tab_box li#ch_b02 {background:url(../chinese/img/tab_b02_o.gif) no-repeat; width:172px}
.tab_box li#ch_b03 {background:url(../chinese/img/tab_b03_o.gif) no-repeat; width:172px}
.tab_box li#ch_b04 {background:url(../chinese/img/tab_b04_o.gif) no-repeat; width:172px}
.tab_box li#hand01 {background:url(../handmade/img/tab01_o.gif) no-repeat; width:172px}
.tab_box li#hand02 {background:url(../handmade/img/tab02_o.gif) no-repeat; width:172px}
.tab_box li#hand03 {background:url(../handmade/img/tab03_o.gif) no-repeat; width:172px}
.tab_box li#hand04 {background:url(../handmade/img/tab04_o.gif) no-repeat; width:172px}
.tab_box li#hand_b01 {background:url(../handmade/img/tab_b01_o.gif) no-repeat; width:172px}
.tab_box li#hand_b02 {background:url(../handmade/img/tab_b02_o.gif) no-repeat; width:172px}
.tab_box li#hand_b03 {background:url(../handmade/img/tab_b03_o.gif) no-repeat; width:172px}
.tab_box li#hand_b04 {background:url(../handmade/img/tab_b04_o.gif) no-repeat; width:172px}

/* Style
--------------------------------------------*/
.box_r {float:right}
.box_l {float:left}	
.pad_b5 {padding-bottom:5px}
.pad_b10 {padding-bottom:10px}
.pad_b20 {padding-bottom:20px}
.pad_b30 {padding-bottom:30px}
.pad_b40 {padding-bottom:40px}
.pad_t2 {padding-top:2px}
.pad_t20 {padding-top:20px}
.pad_t30 {padding-top:30px}
.mgn_r10 {margin-right:10px}
.mgn_r20 {margin-right:20px}
.mgn_r30 {margin-right:30px}
.mgn_b20 {margin-bottom:20px}
.clear {clear:both}

.font_grn {font-size:100%; color:#77912e; font-weight:bold;}
.font_cap {font-size:78%; line-height:1.3;}
.font12 {font-size:93%}
.font_red {color:#b91c22}
.txt_center {text-align:center}
.txt_left {text-align:left}
.txt_rigth {text-align:right}

.inlb {	
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom: 1;
	vertical-align:middle;
}

/* clearfix 
--------------------------------------------*/
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
} 

.clearfix{display:inline-block;} /*IE7およびMacIE5向け*/

/*Hides from IE-mac\*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/ /*IE6以前向け*/


/* -------------------------------------------------------
  Greeting
------------------------------------------------------- */
.txt_greeting {
	position:absolute;
	left:0;
	top:90px;
}
.img01_greeting {padding-top:80px;}
.img02_greeting {padding:20px 0 30px 0;}
.img03_greeting {padding:20px 0;}

/* -------------------------------------------------------
  Abroad
------------------------------------------------------- */
#ab_box1 {width:550px; font-size:93%; line-height:1.3}

#ab_box1 dt {
	clear:left;
	width:180px;
	display:block;
	float:left;
	color:#77912e;
	font-weight:bold;
	padding:7px 0 0 10px;
}
#ab_box1 dd {
	padding:7px 10px 7px 190px;
}
#ab_box1 dd {_text-indent:-3px}

#ab_box2 {width:326px; font-size:93%; line-height:1.8}
#ab_box3 {width:360px; font-size:93%; line-height:1.8}

#ab_box2 p,#ab_box3 p {padding-left:8px}

.round_ab {width:354px; background-color:#f3f4e1; }

.round {background-color:#f3f4e1; }

#try_box1 {width:354px;}

#try_box1 dt { 
	color:#77912e; 
	font-weight:bold;
	padding:6px 10px 0 10px;
}
#try_box1 dd {padding:6px 10px;}

#try_box1 dt.fl {
	clear:left;
	display:block;
	float:left;
}
#try_box2 {width:260px;}

#try_box3 {width:351px;}

#try_box3 p {margin:-7px 0 0 75px;}	

#try_box4 {width:325px; font-size:93%; line-height:1.3;}
#try_box4 h4 {color:#77912e; margin-left:4px; font-size:100%}
#try_box4 img {vertical-align:middle}
#try_box4 p {padding-top:5px}

#try_box5 {width:311px; line-height:1.8; font-size:93%}

#try_box6 {width:360px}

#try_box6 table {
	border-collapse:collapse;
	border:1px solid #77912e;
}
#try_box6 table th {
	color:#77912e;
	font-weight:normal;
	border:1px solid #77912e;
	padding:2px 4px;
	font-size:93%;
}
#try_box6 table th.table_ttl {
	background-color:#77912e;
	color:#fff;
	width:1em;
	text-align:center;
}
#try_box6 table th.table_st {
	color:#333333;
	text-align:left;
}	
#try_box6 table td {
	text-align:center;
	padding:2px 10px;
	border:1px solid #77912e;
	font-size:93%;
}
#try_box6 table td.green {color:#77912e}

#try_box7 {
	clear:both;
	background:url(../abroad/img/try_box_mid.gif) repeat-y;
	width:700px;
	color:#82551c;
	font-size:93%;
	line-height:1.5;
}
.try_box7_upper {
	background:url(../abroad/img/try_box_top.gif) left top no-repeat;
	padding:40px 25px 20px 25px;
}
.try_box7_upper h3,.try_box7_lower h4 {
	padding-bottom:10px;
}	
.try_box7_lower {
	background:url(../abroad/img/try_box_bottom.gif) left bottom no-repeat;
	padding:0 25px 20px 25px;
}
.try_box7_lower #emsi {width:393px;}


/* -------------------------------------------------------
  Manner
------------------------------------------------------- */
.manner_box {width:335px}
.manner_box h4 {margin-bottom:10px}
.manner_box p {font-size:93%; line-height:1.5; padding-bottom:25px}
.manner_lead { background:url(../manner/img/house.gif) 655px 15px no-repeat}
.manner_box p img { vertical-align:text-top; padding-bottom:6px}
.manner_lead p {padding:20px 0 20px 40px; text-align:left}

/* -------------------------------------------------------
  Sample
------------------------------------------------------- */
.round_s02 {
	border:2px solid #ffc32d;
	background-color:#fff6e0;
	line-height:1.6;
	color:#996c33;
	font-size:93%;
	width:696px;
	margin-bottom:20px;
}
.sample_menu {text-align:center; margin-bottom:10px}

.sample_menu li {
	display:inline;
	margin-right:10px;
	padding-right:10px;
	border-right: 1px solid #d39200;
	text-align:left;
	font-size:93%;
}
.sample_menu li.rear {border:none; margin:0; padding:0}
.sample_menu li a,.sample_menu li a:visited {color:#d39200}
.sample_menu li a:hover,.sample_menu li a:active {color:#c70030}
.sample_box_j {width:565px; font-size:93%}	

table.sampel_txt,table.sampel_txt_c {
	width:696px;
	margin-bottom:10px;
	border:2px solid #ffc32d;
	border-bottom:none;
}
table.sampel_txt th,table.sampel_txt td,table.sampel_txt_c th,table.sampel_txt_c td {
	border-bottom:2px solid #ffc32d;
	padding:8px 15px;
	font-size:93%;
}
table.sampel_txt th,table.sampel_txt_c th {
	text-align:left;
	font-weight:normal;
	color:#b91c22;
	width:320px;
	padding-left:45px;
	line-height:1.5;
}
table.sampel_txt td,table.sampel_txt_c td {
	background-color:#f7f4ed;
	color:#9c6836;
	border-left:2px solid #ffc32d;
}
table.sampel_txt_c th {width:265px}
table.sampel_txt_c td {padding-right:10px}
table.sampel_txt_c img { vertical-align:middle}	
table.sampel_txt th.easy,table.sampel_txt_c th.easy {background:url(../english/img/icon_easy.gif) 10px center no-repeat}
table.sampel_txt th.biz,table.sampel_txt_c th.biz {background:url(../english/img/icon_biz.gif) 10px center no-repeat}
table.sampel_txt th.friend,table.sampel_txt_c th.friend {background:url(../english/img/icon_friend.gif) 10px center no-repeat}

.sample_note img {vertical-align:middle}

.tbl_box {display:table}

.xmas_txt,.xmas_img {
	display:table-cell;
	/display:inline;
	/zoom:1;
	vertical-align:middle;
}
.xmas_txt {
	width:490px; 
	padding:10px 10px 10px 20px;
}
.xmas_img {
	width:146px;
	text-align:center;
	padding:10px 20px 10px 10px;
}

/* -------------------------------------------------------
  Handmade
------------------------------------------------------- */
#img_ribon {position:absolute; top:20px; right:0;}
.card_item {width:280px}
.card_item h4 {padding:10px 0}
.card_item dl {font-size:93%; margin-bottom:5px; line-height:1.3}
.card_item dd.fl {padding-left:4.5em}
.card_item li {list-style:outside square; margin-left:25px}	

ol.step li {
	display:inline;
	margin-right:17px
}
ol.step li.rear {margin-right:0}
.pattern_img {text-align:center}

.handmade_conte {background:url(../handmade/img/ribon.gif) right 20px no-repeat}
#ch_card {width:393px; margin-right:20px; float:left}
#ch_card img {padding-bottom:10px}					

/* -------------------------------------------------------
  Present
------------------------------------------------------- */
.pre_end {
	margin:0 10px;
	padding:15px 0;
	color:#ff0000;
	font-size:123.1%;
	line-height:1.5;
	font-weight:bold;
}
dl#pre_box {margin:0 10px}
dl#pre_box dt { 
	color:#77912e; 
	font-weight:bold;
	padding:10px 0 0 0;
	line-height:1.5;
}
dl#pre_box dd {
	padding:10px 0 10px 0;
	background: url(../img/dotline.gif) left bottom repeat-x;
	font-size:93%;
	line-height:1.5;
	padding-left:0;
}

dl#pre_box dt.fl {
	clear:left;
	display:block;
	float:left;
}
dl#pre_box dd.fldd {
	padding-left:7em;
}
.pre_name {font-size:108%; color:#d25752; font-weight:bold}
#pre_img {position:absolute; right:0; top:11px}	
#pre_note {font-size:77%; padding:10px; line-height:1.5}
#pre_btn {text-align:center; padding-top:30px}

/* -------------------------------------------------------
  EMS
------------------------------------------------------- */
.lead_ems {
	color:#2e6cb0;
	font-weight:bold;
	text-align:left;
	padding:10px 0;
	font-size:93%;
	line-height:1.5;
}
#ems_box {
	position:relative;
	padding-bottom:20px;
}	
ul.ems_point {
	text-align:left;
	margin:15px 0 20px 35px;
}
ul.ems_point li {margin-bottom:15px}
.ems_note {
	margin-left:35px;
	font-size:93%;
}
#ems_img {
	position:absolute;
	top:-22px;
	right:0;
}