@charset "utf-8";


/*全ページ適用CSS -------------------------------------------------------------- */

* {
	margin		: 0;
	padding		: 0;
	font-size	: 100%;
}

body {
	/*font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka, "メイリオ", Meiryo, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;*/
	/*font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka,"MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;*/
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 75%;
	line-height:1.5;
	color:#333333;
	min-width:1100px;
}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, th, td{  
margin:0; padding:0;  
color:#333333;
}  

table{  
border-collapse:collapse; border-spacing:0;  
}  

fieldset, img{  
border:0;  
} 

img {
	vertical-align: top;
}

/*address, caption, cite, code, dfn, em, strong, th, var{
font-style:normal; font-weight:normal;  
}*/
address, caption, cite, code, dfn, th, var{
font-style:normal; font-weight:normal;  
}

em{
font-style:normal;  
}

ol, ul{  
list-style:none;  
} 

caption, th{  
text-align:left;  
}

h1, h2, h3, h4, h5, h6{  
font-size:100%; font-weight:normal;  
}

hr {
display: none;
}

abbr, acronym{  
border:0;  
}

.disp_sp{
	display: none; 
}


/*------------------------------------
リンク 
------------------------------------*/ 
a:link, a:visited {
	text-decoration:underline;
	color: #0000FF;
}

a:hover {
	text-decoration:none;
	color: #3C3CFF;
}


area {
	outline: none;
}


a:hover img{
	opacity: 0.8;
}



/*------------------------------------
ヘッダー 
------------------------------------*/ 
header {
	border-top: 5px solid #C8E0F7;
}
header #header_inner{
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	background: url(../img/img-common/header_bg2.gif) no-repeat 591px 5px;
}
header #header_inner h1{
	padding: 10px 0 0 5px;
	float: left;
}
header #header_inner .method01 {
	float: left;
	margin: 52px 10px 0 0;
}
header #header_inner .method01 li{
	float: left;
	margin: 0 10px 0 0;
}
header #header_inner .method02 {
	float: left;
	margin: 43px 8px 0 0;
}
header #header_inner .method02 li{
	float: left;
}
header #header_inner .method02 li.normal{
}
header #header_inner .method02 li.longined{
}
header #header_inner p{
	padding: 9px 0 0 0;
}


header .loginarea ul{
	width:1000px;
	margin:0 auto;
}
header .loginarea{
	background:#E9F2FC;
	padding:6px 0;
	width:100%;
}
header .loginarea ul li{
	float:right;
}
header .loginarea ul li.loginname{
	font-weight:bold;
	margin:4px 20px 0 0;
	font-size:117%;
	display:block;
}


/*------------------------------------
ナビ
------------------------------------*/ 

nav.gnav{
	background: url(../img/img-common/header_bg.jpg) repeat-x left bottom;
	min-height: 53px;
}
nav.gnav ul {
	width: 1000px;
	margin: 0 auto;
	padding: 3px 0 0 0;
}
nav.gnav ul li{
	float: left;
}
nav.gnav ul li a{
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	height: 50px;
}
nav.gnav ul li:first-child a{
	width: 148px;
	background:url(../img/img-common/pc_nav01.jpg) no-repeat left top;
}
nav.gnav ul li:nth-child(2) a{
	width: 147px;
	background:url(../img/img-common/pc_nav02.jpg) no-repeat left top;
}
nav.gnav ul li:nth-child(3) a{
	width: 147px;
	background:url(../img/img-common/pc_nav03.jpg) no-repeat left top;
}
nav.gnav ul li:nth-child(4) a{
	width: 147px;
	background:url(../img/img-common/pc_nav04.jpg) no-repeat left top;
}
nav.gnav ul li:nth-child(5) a{
	width: 147px;
	background:url(../img/img-common/pc_nav05.jpg) no-repeat left top;
}
nav.gnav ul li:nth-child(6) a{
	width: 147px;
	background:url(../img/img-common/pc_nav06.jpg) no-repeat left top;
}
nav.gnav ul li:nth-child(7) a{
	width: 117px;
	background:url(../img/img-common/pc_nav07.jpg) no-repeat left top;
}
nav.gnav ul li a:hover {
	background-position: left bottom;	
}


.glass nav.gnav ul li:first-child a,
.almi nav.gnav ul li:nth-child(2) a,
.magic nav.gnav ul li:nth-child(3) a,
.caster nav.gnav ul li:nth-child(4) a,
.tsuppari nav.gnav ul li:nth-child(5) a {
	background-position: left bottom;	
}
.glass.magic nav.gnav ul li:nth-child(1) a{
	background-position: left top;	
}





/*------------------------------------
コンテンツ 
------------------------------------*/
#wrapper{
	position:relative;
}
.contents_wp{
	width:100%;
	margin:0 auto;
	text-align: left;
	padding:0px 0 0;
}


/*#contents{
	width: 1000px;
	position: relative;
	margin: 0 auto;
	font-size: 14px;
}*/
.contents{
	width: 1000px;
	margin: 0 auto;
	font-size: 14px;
}
.contents_inner {
	max-width: 690px;
	width: 69%;
	float: left;
	display:block;
}


#contents_wp.contents01{
	
}
#contents_wp.contents02{
	background:#ccc;
}
#contents_wp.contents03{
	background:#f00;
}

#wrapper aside {
	max-width: 260px;
	width: 26%;
	display: inline-block;
	padding: 20px 0 0 0px;
	/*position:relative;*/
	position:absolute;
	right:0;
	top:5px;
	opacity:0;
	font-size:14px;
}
#wrapper aside #robot_wrap{
	position: relative;
	margin: 0 0 0 0;
}


/*------------------------------------
フッター 
------------------------------------*/ 
.footer_bn{
	background:##F4F4F4;
}
.footer_bn p{
	color:#3198F3;
	text-align:left;
	margin:0 0 10px;
}
.footer_bn_in{
	width: 790px;
	margin: 0px auto;
	padding: 40px 0px 50px;
}
.footer_bn ul li{
	float:left;
	display:block;
}
.footer_bn ul li{
	margin: 0 50px 0 0;
}
.footer_bn ul li:last-child{
	margin:0 0px 0 0;
}


.footer_bn2{
	background:#D7E9FB;
}
.footer_bn2 p{
	color:#3198F3;
	text-align:left;
	margin:0 0 10px;
}
.footer_bn_in2{
	width: 800px;
	margin: 0px auto;
	padding: 30px 0px;
}
.footer_bn2 ul li{
	float:left;
	display:block;
}
.footer_bn2 ul li{
	margin: 0 25px 0 0;
}
.footer_bn2 ul li:last-child{
	margin:0 0px 0 0;
}
.footer_bn2 ul li span{
	display:block;
	text-align:left;
}
.footer_bn2 ul li a{
	color:#333;
}
footer {
	background:#E7F6FF;
	border-top:4px solid #4FA6FD;
}


footer .inner{
	width: 1000px;
	margin: 0 auto;	
}


footer nav{
	margin: 0;
	padding: 3.5% 0 2.5% 6%;
	width: 42%;
	float: left;
}
footer nav ul{
	float: left;
	display:block;
	width: 210px;
}

footer nav ul li{
	background:url(../img/img-common/fot_ico.gif) no-repeat left 5px;
	padding:0 0 0 10px;
	text-align:left;
	margin:0 0 8px;
}
footer nav ul li a{
	color:#333 !important;
	text-decoration:none !important;
}
footer nav ul li a:hover{
	text-decoration:underline !important;
}



footer .fot_cont02{
	float: left;
	display:block;
	padding:3.5% 0 3% 6%;
	width:33%;
}
footer .fot_cont02 p{
	text-align:left;
}
footer .fot_cont02 p.pay{
	font-size:92%;
	margin:0 0 15%;
}
footer .fot_cont02 .foot_logo{
	text-align: left;
	margin:0 0 6%;
}
footer .fot_cont02 .add{
	text-align:left;
	margin:0 0 2% 0%;
}

footer .fot_cont03 {
	width:800px;
	margin:0 auto 14px;
}
footer .fot_cont03 .seal{
	float:left;
	display:block;
	width:126px;
	margin:0 15px 0 0;
}
footer .fot_cont03 .txt{
	float:left;
	display:block;
	text-align:left;
	width:630px;
	line-height:1.6;
	margin:10px 0 0;
}

/*------------------------------------
コピーライト
------------------------------------*/ 
#copyright {
	background:#0157AD;
	text-align:center;
	color: #fff;
	font-size: 100%;
	padding:10px 0;
}

#copyright a{
	color: #fff;
	text-decoration:none;
}

/*------------------------------------
定点
------------------------------------*/ 
/*.teiten{
	display:none;
}*/

.teiten .method01{
	position: fixed!important;
	position: absolute;
}

.teiten .method01{
	width:67px;
	height:99px;
	position:fixed;
	left: 0;/* 右から0pxの位置に指定 */
}
.teiten p a{
	display:block;
	width:100%;
	height:100%;
}
.teiten p a:hover{
	width: 147px;/* バナーが伸びた時の幅 */

	/* 以下アニメーションの設定 */
	-webkit-transition: width ease-in-out 0.5s;
	-moz-transition: width ease-in-out 0.5s;
	-ms-transition: width ease-in-out 0.5s;
	-o-transition: width ease-in-out 0.5s;
	transition: width ease-in-out 0.5s;
}

.teiten .method01{
	background: url(../img/img-common/side_teiten01.png) right top no-repeat;
	bottom:99px;
}


/* ここから左側 */
#teiten {
	display:none;
	position: fixed!important;
	left: 0;/* 右から0pxの位置に指定 */
	bottom:30px;
	}
#teiten p{
	width: 67px;/* 最初に表示されるバナーの幅 */
}
#teiten p a {/* リンクするエリアをバナー全体に広げる設定 */
	display: block;
	width: 100%;
	height: 100%;
}
#teiten p:hover {/* カーソルが乗った時の動きを指定 */
	width: 147px;/* バナーが伸びた時の幅 */
	/* 以下アニメーションの設定 */
	-webkit-transition: width ease-in-out 0.3s;
	-moz-transition: width ease-in-out 0.3s;
	-ms-transition: width ease-in-out 0.3s;
	-o-transition: width ease-in-out 0.3s;
	transition: width ease-in-out 0.3s;
}
#teiten p.tab_ttl01:hover,
#teiten p.tab_ttl02:hover{
	width: 67px;
}
.tab_ban01 {
	background: url(../img/img-common/side_teiten01.png) right top no-repeat;
	height: 60px;
	margin:0 0 5px;
}
.tab_ban02 {
	background: url(../img/img-common/side_teiten02.png) right top no-repeat;
	height: 60px;
	margin:0 0 5px;
}
.tab_ban03{
	background: url(../img/img-common/side_teiten03.png) right top no-repeat;
	height: 60px;
	margin:0 0 20px;
}
.tab_ban04{
	background: url(../img/img-common/side_teiten04.png) right top no-repeat;
	height: 73px;
	margin:0 0 5px;
}
.tab_ban05{
	background: url(../img/img-common/side_teiten05.png) right top no-repeat;
	height: 73px;
	margin:0 0 15px;
}
.tab_ban06{
	background: url(../img/img-common/side_teiten06.png) right top no-repeat;
	height: 64px;
	margin:0 0 5px;
}
.tab_ban07{
	background: url(../img/img-common/side_teiten07.png) right top no-repeat;
	height: 54px;
}



/*------------------------------------
ページトップ
------------------------------------*/ 
#topcontrol{
	bottom: 34px;
	left: 50%;
	margin: 0 0 0 500px;
}

#wrapper{overflow-y:auto;-webkit-overflow-scrolling:touch}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	#topcontrol{
		left: auto;
		right: 0;
		margin: 0;
	}
}


/*------------------------------------
突っ張り、キャスター　ご注文はコチラ定点
------------------------------------*/ 
.teiten_ct_cart{
	position:fixed;
	bottom: 50%;
	left: 50%;
	margin: 0 0 0 500px;
	z-index:100;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1326px) {
	.teiten_ct_cart{
		left: auto;
		right: 0;
		margin: 0;
	}

	.teiten_ct_cart img{
		width:80%;
	}

}




/* スタッフブログ
------------------------------------------------------------------------------------*/
.staffblog #contents .block{
	width:900px;
}
.staffblog #contents .block .top{
	color:#333;
	/*font-size:86%;*/
	line-height:2;
}
.staffblog #contents .block .top div{
	color:#333;
}
.staffblog #contents .block h3{
	margin:0 0 40px;
	background:url(../img/img-staffblog/lin_01.gif) no-repeat left bottom;
	font-size:20px;
	padding:0 76px 13px 11px;
}
.staffblog #contents .block .day{
	text-align:right;
	margin:0 0 14px;
	color: #268CD8;
	background:url(../img/img-staffblog/lin_02.gif) no-repeat left bottom;
	padding: 0 4px 12px 0px;
}
.staffblog #contents .block .top{
	width:96%;
	margin:0 auto;
}

.staffblog #contents .block .block1{
	padding:30px 0 0;
	/*font-size:86%;*/
	line-height:2;
}
.staffblog #contents .block .block1 div{
	color:#333;
}

.staffblog #contents .block .block01{
	width:96%;
	margin:0 auto 50px;
	clear:both;
}
.staffblog #contents .block .block01:last-child{
	margin:0 auto 0;
}
.staffblog #contents .block .block01 .left{
	float:left;
	display:block;
}

.staffblog #contents .block .block01 .left.gallery,
.staffblog #contents .block .block01 .right.gallery{
	margin:0 0 20px;
}

.staffblog #contents .block .block01 .right{
	float:right;
	display:block;
}


.staffblog #contents .block .block01 .text1{
	padding:0px 0px 0px 390px;
	clear:none;
}

.staffblog #contents .block .block01 .text2{
	padding:0px 390px 0px 0;
	clear:none;
}

.staffblog #contents .block ul{
	width:98%;
	margin:30px auto 0;
}
.staffblog #contents .block .gallery{
	float:left;
	display:block;
	margin:0 9px 20px;
}

.staffblog #contents .menu{
	text-align:right;
	margin:20px 40px 0 0;
}
.staffblog #contents .menu2{
	padding:0px 20px 30px 0;
}
.staffblog #contents .menu a{
	color:#333;
	font-size:117%;
	vertical-align:text-bottom;
	padding:0 8px;
}
.staffblog #contents .menu strong{
	color:#268CD8;
	font-size:150%;
	padding:0 8px;
}

.staffblog #contents .menu a.next,
.staffblog #contents .menu a.prev{
	font-size:86%;
	vertical-align:baseline;
}



.staffblog #contents .pdf_block{
	width:862px;
	margin:0 auto 40px;
}
.staffblog #contents .pdf_block .pdf_link a img{
	margin:0 0 0 10px;
}







#contents .lineup{
	border:1px solid #87BAED;
	background:#fff;
}
#contents .lineup01{
	margin:0 0 35px;
}

#contents .lineup th{
	border:1px solid #87BAED;
}
#contents .lineup .ttl01 th{
	text-align:center;
	padding:15px 0;
}
#contents .lineup .ttl02{
	font-size:117%;
	color:#195299;
	font-weight:bold;
	padding:5px 0px;
}
#contents .lineup th.line01{
	font-weight:bold;
	background:#FFFFEE;
	width:200px;
	vertical-align:middle;
	font-size:117%;
}
#contents .lineup th.line01 img{
	vertical-align:middle;
}
#contents .lineup td{
	border:1px solid #87BAED;
	width:166px;
	padding:7px 10px 9px;
}
#contents .lineup td p.ico{
	text-align:center;
	margin:5px 0 7px;
}
#contents .lineup td p.size{
	font-size:75%;
	line-height:1.5;
	/*letter-spacing:-0.05em;*/
	color:#545454;
}
#contents .lineup td p.price{
	font-weight:bold;
	font-size:117%;
	text-align:center;
}
#contents .lineup td p.price span{
    font-size: 75%;
    letter-spacing: 0;
}
#contents .lineup td p.btn{
	text-align:center;
}




















/*------------------------------------
コンテンツ 
------------------------------------*/


/*後ほど移動分*/

.tsuppari #contents .lineup th.line01 p{
	display: inline-block;
    width: 60%;
}
.tsuppari #contents .hikaku td{
	text-align: center;
}

.tsuppari #contents .hikaku td em{
	color:#FF4000;
	font-size: 125%;
	font-weight:bold;
}

.tsuppari #contents .hikaku td strong{
	font-size: 125%;
}

.tsuppari #contents .hikaku td.left{
	text-align: left;
}

.tsuppari #contents .hikaku td.left span{
	color:#519AE5;
}

.tsuppari #contents .hikaku th{
	width: 122px;
}

.tsuppari #contents .lineup th.line01 img{
	width: 25%;
	padding: 0 5% 0 4%;
}
.tsuppari #contents .lineup td{
	padding: 8px 5px 20px;
}

.caster #contents .lineup th.line01 p{
	display: inline-block;
    width: 60%;
}



.caster #contents .lineup td.no_size{
	vertical-align:top;
}

.caster #contents .lineup td.no_size p.size {
	border-bottom:3px solid #C0C0C0;
	padding:14% 2% 4%;
	width:10%;
	text-align:center;
	margin: 0 auto;
}

.caster #contents .hikaku td{
	text-align: center;
}

.caster #contents .hikaku td em{
	color:#FF4000;
	font-size: 125%;
	font-weight:bold;
}

.caster #contents .hikaku td strong{
	font-size: 125%;
}

.caster #contents .hikaku td.left{
	text-align: left;
}

.caster #contents .hikaku td.left span{
	color:#519AE5;
}

.caster #contents .hikaku th{
	width: 122px;
}

.glass .area_06 .block_01 p.ttl01{
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:140%;
	padding: 0 0 1% 1%;
	color:#195299;
}


.glass .contents .hikaku{
	width: 610px;
	margin:0 auto;
	font-size:92%;
	border:1px solid #87BAED;
	background:#fff;
}


.glass .contents .hikaku tr td p.red_txt{
	color:#FF3F00;
}

.glass .contents .hikaku tr td em{
	text-align:center;
	font-size:20px;
	color:#FF3F00;
}

.glass .contents .hikaku th{
	font-size: 101%;
	font-weight:bold;
	width:89px;
	border:1px solid #87BAED;
	background:#E7F1FC;
	text-align: left;
	padding: 0 0 0 5px;
}

.glass .contents .table01 th{
	padding: 0 17px 0 4px;
}

.glass .contents .table01 td{
	width:186px;
	border:1px solid #87BAED;
	padding: 15px 0 !important;
	vertical-align: top;
	line-height:1.6;
}

.glass .contents .table01 td.ttl{
	font-weight:bold;
	padding: 12px 0px 8px !important;
	/*height: 60px;*/
	text-align: center;
	width: 184px !important;
}

.glass .contents .table01 tr td{
	padding: 15px 0px !important;
}



.glass .contents .table01 td.ttl p{
	padding: 0;
	height: 65px;
	font-weight: bold;
}


.glass .contents .hikaku td.ttl span{
	color:#008AFD;
	padding:1% 0 0;
}

.glass .contents .hikaku td.center{
	text-align:center;
	vertical-align:middle;
}

.glass .contents .table02 tr td em{
	font-size:117%;
	color:#195299;
	font-weight:bold;
	text-align:center;
	line-height: 2.5;
}

.glass .contents .table02 tr td p{
	font-weight:normal;
	padding: 0 3%;
}

.glass .contents .table02 tr td p.link{
	height: 183px;
}

.glass .contents .table02 td.ttl{
	width:186px;
	border:1px solid #87BAED;
	padding: 0 0px 15px !important;
	vertical-align: top;
	line-height:1.6;
	text-align: center;
	font-weight:normal;
}

.glass .contents .table02 td.ttl p{
	font-weight:normal;
	text-align: left;
	padding: 5% 5% 0;
}

.glass .contents .table02 td{
	width:186px;
	border:1px solid #87BAED;
	padding: 15px 0 !important;
	vertical-align: top;
	line-height:1.6;
}

.glass .area_06 .block_01 p.btn02{
	padding: 6% 5% 0 0;
    text-align: right;
}

.glass .area_06 .block_01 p.btn03{
	text-align: center;
	padding: 3% 0 0;
}

.glass .area_06 .block_01 p.red_txt{
	color:#FF0000;
	font-weight:bold;
}

.glass .contents .table03{
	width: 620px;
}

.glass .contents .table03 tr td p{
	font-size: 94%;
	font-weight:normal;
}

.glass .contents .table03 th{
	width: 260px;
}

.glass .contents .table03 td.ttl{
	padding: 9px 0px !important;
}

.glass .contents .table03 tr td.ttl em{
	line-height: 2.5;
}

.glass .contents .table03 ul li em{
	font-size:150%;
	color:#008AFD;
	line-height: 1.2;
}

.glass .contents .table03 ul li{
	text-indent: -1.5em;
    padding: 0px 0 0 14%;
    line-height: 1.2;
	font-size: 94%;
}

.glass .contents .table04 th{
	width: 75px;
}

.glass .contents .table04 td{
	width: 150px;
}

.glass .contents .table04 td.ttl{
	width: 150px;
}


.sample #contents .block01 .txt{
    color:#3076D8;
    text-align: left;
    font-size: 117%;
    font-weight: bold;
    padding: 2% 0 0% 4%;
}

.sample #contents .blk01 .right_txt{
	text-align: right;
    padding: 1% 0 0;
	
}
.sample #contents .blk01 .right_txt a{
	text-align: right;
    padding: 1% 0 0;
    font-size: 117%;
	color:#4040FF;
}


.glass .contents .hikaku{
	border: 1px solid #c0c0c0;
	margin:0 0 6%;
}
.glass .contents .hikaku.table01,
.glass .contents .hikaku.table04{
	margin:0;
}
.glass .contents .hikaku th{
	border: 1px solid #c0c0c0;
	background: #DEDEDE;
}

.glass .contents .table02 td.ttl{
	border: 1px solid #c0c0c0;
}

.glass .contents .hikaku td{
	border: 1px solid #c0c0c0;
}


.glass .contents .table03 th{
	background:#E7F1FC;
	border: 1px solid #87BAED;
}

.glass .contents .table03 td.ttl{
	border: 1px solid #87BAED;
}

.glass .contents .table03 td{
	border: 1px solid #87BAED !important;

}


.glass .contents .table04 th{
	background:#DEDEDE;
	border: 1px solid #c0c0c0;
}

.glass .contents .table04 td.ttl{
	border: 1px solid #c0c0c0 !important;
}

.glass .contents .table04 td{
	border: 1px solid #c0c0c0 !important;
}