@charset "utf-8";


/*スタイルのリセット*/
body,div,ul,li,h1,h2,h3,h4,h5,p,img,dl,dt,dd{
	margin:0;
	padding:0;
}
ul,li{
	list-style:none;
}
img{
	border:0;
}
h1,h2,h3,h4,h5{
	font-weight:normal;
}
/*スタイルのリセット終わり*/


/* フォント設定 */
body{
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
/* フォント設定 終わり*/


/* clear:bothをするときはこのクラスを使う */
.clearboth{
	clear:both;
}
/* clear:bothをするときはこのクラスを使う　終わり */


/* サイト内共通の見出し(h1～h5)関連の設定 */
/* ヘッダーの見出し(h1)*/
.header_h1{
	margin:22px 0px 0px 125px;
	float:left;
	display:block;
}
.header_h1 a{
	display:block;
	width:100%;
	height:100%;
}
/* ヘッダーの見出し(h1) 終わり*/
/* ページ見出し(h2)*/
.contents_h2{
	position:relative;
}
.contents_h2_background{
	width:100%;
	margin:0 auto;
	height:240px;
	overflow:hidden;
	background-position:center;
	background-repeat:no-repeat;
}
.contents_h2_word{
	position:absolute;
	bottom:0px;
	width:100%;
	background-color:rgba(0,102,255,0.78);
}
.contents_h2_word h2{
	letter-spacing:10px;
	font-size:30px;
	width:100%;
	max-width:1200px;
	margin:0 auto;
	color:white;
	line-height:66px;
	background-repeat:no-repeat;
}
.contents_h2_hagaki .contents_h2_background{
	background-image:url('../img/h2_image.jpg');
}
.contents_h2_hagaki .contents_h2_word span{
	margin-left:20px;
}
/* ページ見出し(h2)　終わり*/
/* ページ見出し(h3)　*/
.contents_h3{
	background:url('../img/h3_background.png') no-repeat left bottom;
	font-size:26px;
	padding-bottom:8px;
	letter-spacing:5px;
	width:100%;
	margin:35px 0 25px 0;
}
/* ページ見出し(h3)　終わり*/
/* ページ見出し(h4)　*/
.contents_h4{
	background:url('../img/h4_background.png') no-repeat left bottom;
	font-size:20px;
	padding:0 0 15px 25px;
	letter-spacing:3px;
	width:100%;
	margin:35px 0 10px 0;
}
/* ページ見出し(h4)　終わり*/
/* ページ見出し(h5)　*/
.contents_h5{
	margin:20px 0 10px 7.5%;
	font-size:19px;
	text-decoration:underline;
	background:url('../img/h5_background.png') no-repeat;
	clear:both;
}
.contents_h5:before{
	content:"　";
}
/* ページ見出し(h5)　終わり*/
/* サイト内共通の見出し(h1～h5)関連の設定 終わり*/


/*  基本構造*/	
.container{
	min-width:750px;
	margin:0 auto;
}
.header{
	margin:0 auto;
	width:100%;
	max-width:1200px;
	padding-bottom:20px;
	position:relative;
}
.header_assistlogo{
	z-index:1000;
	position:absolute;
	top:4px;
	left:15px;
	width:80px;
}
.header_menu{
	margin:30px 10px 0px 0px;
	float:right;	
}
.header_menu li{
	float:left;
	width:130px;
	text-align:center;
}
.header_menu a{
	display:block;
	width:100%;
	color:#6175A9;
	font-size:17px;
	text-decoration:none;
	line-height:35px;
}
.header_menu a:hover{
	background-color:#8da5e2;
	text-decoration:none;
	color:white;
	border-radius: 0.5em;
	text-decoration:underline;
}	
.main{
    background-image: url("../img/main_background_left.png"),url("../img/main_background_right.png");
    background-repeat:repeat-y,repeat-y;
    background-position:top left,top right; 
	font-size:16px;
	line-height:30px;
}
.main a{
	text-decoration:none;
	color:#415890;
}
.main a:hover{
	text-decoration:underline;
}
.main_inner{
	width:100%;
	max-width:900px;
	min-width:750px;
	margin:0 auto;
	overflow:hidden;
}
/* ページの一番上に戻るボタン */
#back-top{
    position: fixed;
    bottom: 2%;
    right: 3%;
}
/* ページの一番上に戻るボタン 終わり*/
.footer{
	position:relative;
	background-color:#3861AD;
}
.footer a{
	text-decoration:none;
	color:#ffffff;
}
.footer a:hover{
	text-decoration:underline;
}
.footer_inner{
	position:relative;
	margin:0 auto;
	width:100%;
	background-color:#4D80DD;
	max-width:1200px;
}
.footer_assistlogo{
	position:absolute;
	width:8%;
	max-width:95px;
	min-width:75px;
	bottom:35px;
	left:40px;
}
.footer_sitemap01{
	clear:both;
	float:right;
	width:690px;
	margin:25px 0px 20px 0px;
}
.footer_sitemap01_part{
	width:230px;
	float:left;
	font-size:16px;
	height:155px;
}
.footer_sitemap01_part ul li{
	margin:7px 0px 0px 19px;
	font-size:14px;
}
.footer_sitemap02{
	float:right;
	clear:both;
	margin:0 12px 14px 0px;
	width:486px;
}
.footer_sitemap02 li{
	width:162px;
	float:left;
	text-align:center;
	font-size:15px;
}
.footer_copyright{
	padding-top:5px;
	text-align:center;
	color:white;
	padding-bottom:5px;
	font-size:14px;
	margin-top:5px;
	border-top: solid 1px #ffffff;
	margin-right:35px;
	margin-left:35px;
}
/*  基本構造　終わり*/


/*　はがき特設ページ */

/*　はがき特設ページの共通の部品*/
.red{
	color:red;
}
.underline{
	text-decoration:underline;
}
/* 導入文　*/
.intro{
	background-color:rgba(102,204,255,0.30);
	width:100%;
	margin-top:20px;
}
.intro p{
	width:98%;
	padding-left:2%;
	height:50px;
	line-height:50px;
	max-width:1200px;
	margin:0 auto;
	font-size:15px;
	text-align:center;
}
/* 導入文　終わり*/
/* リンクボタン*/
a.link_order{
	width:188px;
	padding-left:80px;
	height:65px;
	display:block;
	line-height:65px;
	background:url('../img/link_order.png') no-repeat;
	color:#ffffff;
	font-weight:bold;
	margin:30px 20px 0 0;
	float:left;
}
a.link_index{
	width:188px;
	padding-left:80px;
	height:65px;
	display:block;
	line-height:65px;
	background:url('../img/link_list.png') no-repeat;
	color:#ffffff;
	font-weight:bold;
	margin:30px 20px 0 0;
	float:left;
}
a.link_flow{
	width:188px;
	padding-left:80px;
	height:65px;
	display:block;
	line-height:65px;
	background:url('../img/link_flow.png') no-repeat;
	color:#ffffff;
	font-weight:bold;
	margin:30px 20px 0 0;
	float:left;
}
/* リンクボタン　終わり*/
/*　はがき特設ページの共通の部品　終わり*/

/* 一覧ページ(index.html)*/
.prints{
	margin:40px 0 40px 0;
	text-align:center;
}
.print{
	width:141px;
	display:inline-block;
	vertical-align:top;
	margin:0 35px 30px 35px;
}
.print img{
	width:125px;
	border: 1px solid #000;
	margin:5px 0 0 15px;
}
.print .number{
	position:absolute;
	top:0;
	left:0;
	font-size:22px;
	line-height:22px;
	color:red;
	font-weight:bold;
	background-color:#fff;
}
.print a{
	position:relative;
	display:block;
	height:195px;
}
.print.yoko{
	width:191px;
	margin:0 5px;
}
.print.yoko img{
	width:185px;
	margin-top:40px;
}
/* はがき画像拡大画面*/
#zoom_content img{
	border: 1px solid #000;
}
#zoom_content .number{
	font-size:22px;
	line-height:22px;
	color:red;
	font-weight:bold;
	margin-bottom:5px;
}
/* はがき画像拡大画面　終わり*/
/* 一覧ページ(index.html) 終わり*/

/* ご注文の方法ページ(order.html)*/
.order_list{
	width:90%;
	margin:15px auto 0px auto;
	padding:5px 0 5px 30px;
}
.order_list li{
	list-style-type:disc;
}
.order_coment{
	text-decoration:underline;
	margin:10px auto 0 auto;
	width:90%;
}
/* タブの切り替え部分　*/
#order_tab{
	width:90%;
	margin:5px auto 60px auto;	
	border:solid 2px #A7D5EB;
}
#tabcontrol a{
	display:block;
	float:left;
	width:-webkit-calc(50% - 1px);
	width:calc(50% - 1px);
	/* calcを使う場合はブラウザにより２種類の記載が必要　*/
	height:40px;
	text-align:center;
	line-height:40px;
	background-color:#DFECF9;
}
#tabcontrol_1{
	border-right:solid 1px #A7D5EB;
}
#tabcontrol_2{
	border-left:solid 1px #A7D5EB;
}
#tabbody{
	clear:both;
}
#tabpage1{
	margin:0 auto 20px auto;
	background-color:#ffffff;
	padding-top:10px;
}	
#tabpage2{
	margin:0 auto 20px auto;
	background-color:#ffffff;
	padding-top:10px;
}
/* メールでのご注文　*/
.order_mail_h5{
	background:url('../img/h5_order_mail.png') no-repeat;
	height:60px;
	line-height:60px;
	padding-left:70px;
	font-size:19px;
	margin:0px 0 10px 20px;
	text-decoration:underline;
}
p.order_mail_to{
	margin-left:50px;
}
a.order_mail_to{
	display:block;
	width:370px;
	height:37px;
	margin-left:50px;
	transition: 0.3s;
}
a.order_mail_to:hover {
	opacity: 0.8;
}
.order_mail_list{
	border-top:dashed 1px #000000;
	margin:15px 40px 0 40px;
	padding:15px 0 0 10px;
}
.order_mail_list li ul li{
	list-style-type:circle;
	margin-left:50px;
}
/* メールでのご注文　終わり*/
/* FAXでのご注文　*/
.order_fax_h5{
	background:url('../img/h5_order_fax.png') no-repeat;
	height:60px;
	line-height:60px;
	padding-left:70px;
	font-size:19px;
	margin:0px 0 10px 20px;
	text-decoration:underline;
}
p.order_fax_to{
	margin-left:50px;
}
img.order_fax_to{
	display:block;
	width:182px;
	height:37px;
	margin-left:50px;
}
.order_fax_print{
	margin:10px 0 0 50px;
	display:block;
	width:292px;
	height:73px;
	transition: 0.3s;
}
.order_fax_print:hover {
	opacity: 0.8;
}
/* FAXでのご注文　終わり*/
/* タブの切り替え部分　終わり　*/
/* ご注文の方法ページ(order.html)　終わり*/

/* ご注文の流れページ(flow.html)*/
.flow_part{
	border:solid 1px #41719C;
	border-radius: 20px;
	background-color:#ffffff;
	padding:10px;
	margin:0 auto;
	width:92%;
}
.flow_part h5{
	font-size:19px;
	margin-bottom:5px;
}
.flow_part h5 .number{
	font-size:25px;
}
.flow_part h5 .word{
	text-decoration:underline;
}
.flow_part .sentence{
	margin:0 15px 0 15px;
}
.flow_part .change{
	margin:10px auto 0 auto;
	width:455px;
}
.flow_part .change img{
	width:160px;
	float:left;
}
.flow_part .change p{
	border-top:solid 1px #000000;
	border-bottom:solid 1px #000000;
	margin:50px 0 0 5px;
	width:280px;
	float:left;
	padding:5px;
}
.flow_yajirusi{
	height:59px;
	background:url('../img/flow_yajirusi.png') no-repeat center;
}
.flow_sentence{
	margin:0 4%;
}
.flow_soryo{
	margin:0 0 60px 6%;
	line-height:25px;
	font-size:13px;
	border-collapse:collapse;
}
.flow_soryo td{
	border:solid 1px #000000;
	text-align:center;
	padding:5px 5px 5px 5px;
}
.flow_soryo .kome{
	border:none;
	text-align:left;
	font-size:14px;
}
/* ご注文の流れページ(flow.html)　終わり*/

/*　はがき特設ページ 終わり*/