@charset "utf-8";
a:link {
	color: #333399;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	;
	color: #333366
}
a:hover {
	color: #FF0000;
	text-decoration: underline;
}
table {
	font-size: 12px;
	line-height: 15px;
	text-align: left;
}
#gw {
	font-size: 11pt;
	padding: 5px;
	width: 514px;
	margin-top: 6px;
	margin-bottom: 6px;
	background-color: #FF6600;
	text-align: center;
	background-position: center;
}
#gw a {
	color: #FFFFFF;
}
#gw a:hover {
	color: #FFFFCC;
}
#gw vlink {
	color: #FFFFFF;
}
body {
	background-color: #000000;
	background-image: url(../images/back_00.gif);
	background-repeat: no-repeat;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	text-align: center;
}
/*text--------------------------------------------------------------*/

.font8
{
	font-size			: x-small;
	line-height			: 125%;
    font-family			: 'ＭＳ Ｐゴシック', sans-serif;
}

.font14
{
	font-size			: medium;
	line-height			: 175%;
    font-family			: 'ＭＳ Ｐゴシック', sans-serif;
}

.font16
{
	font-size			: large;
	line-height			: 125%;
    font-family			: 'ＭＳ Ｐゴシック', sans-serif;
}

.font9 {
	font-size: 9px;
}
.font10 {
	font-size: 10px;
	letter-spacing: 1px;
	line-height: 13px;
}
#menu_titan ul {
	margin : 0px;
	list-style-type : none;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
	font-size: 12px;
	font-weight: bold;
}
#menu_titan li {
	background-image : url(../images/bt/addtow2.gif);
	margin : 2px 0 0;
	padding : 0 0 0 20px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	line-height: 18px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
#menu_titan2 ul {
	margin : 0px;
	list-style-type : none;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
	font-size: 12px;
	font-weight: bold;
}
#menu_titan2 li {
	background-image : url(../images/bt/addtow2.gif);
	margin : 2px 0 0;
	padding : 0 0 0 20px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	line-height: 18px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
#menu_titan3 ul {
	margin : 0px;
	list-style-type : none;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
	font-size: 12px;
	font-weight: bold;
}
#menu_titan3 li {
	background-image : url(../images/bt/addtow2.gif);
	margin : 2px 0 0;
	padding : 0 0 0 20px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	line-height: 18px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
#menu_titan4 ul {
	margin : 0px;
	list-style-type : none;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
	font-size: 12px;
	font-weight: bold;
}
#menu_titan4 li {
	background-image : url(../images/bt/addtow2.gif);
	margin : 2px 0 0;
	padding : 0 0 0 20px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	line-height: 18px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
#menu_titan5 ul {
	margin : 0px;
	list-style-type : none;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
	font-size: 12px;
	font-weight: bold;
}
#menu_titan5 li {
	background-image : url(../images/bt/addtow2.gif);
	margin : 2px 0 0;
	padding : 0 0 0 20px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	line-height: 18px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
#menu_titan6 ul {
	margin : 0px;
	list-style-type : none;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
	font-size: 12px;
	font-weight: bold;
}
#menu_titan6 li {
	background-image : url(../images/bt/addtow2.gif);
	margin : 2px 0 0;
	padding : 0 0 0 20px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	line-height: 18px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

#menu_tenpo ul {
	margin : 0px;
	list-style-type : none;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	font-size: 12px;
}
#menu_tenpo li {
	background-image : url(../images/bt/addtow2.gif);
	margin : 2px 0 0;
	padding : 0 0 0 20px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	line-height: 18px;
}
h1, h2, h3, h4, h5, h6 {
	font-size : 12px;
	line-height : 16px;
	font-weight : normal;
	margin : 0;
	text-align : left;
}
#company {
	font-size:11px
}
#company ul {
	margin : 5px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	list-style-type : none;
}
#company li {
	background-image : url(http://www.hankoya.com/common/icon/icon_04.gif);
	margin : 0 0 0 0px;
	padding : 0 0 0 20px;
	background-repeat: no-repeat;
	background-position: 0px 2px;
}
#title_blue {
	margin : 0px 0px 5px;
	padding : 5px 0px 5px 10px;
	border-left : solid 3px #4E6692;
	background : url(../common/line/01.gif) repeat-x left bottom;
	color : #4E6692;
	text-align : left;
}
.style4 ul {
	margin : 5px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	list-style-type : none;
}
.style4 li {
	background : no-repeat 0px 2px;
	background-image : url(../common/icon/arrow_01_blue.gif);
	margin : 0 0 0 0px;
	padding : 0 0 0 -5px;
}
.bgcolor_gray {
	background-color: #F3F3F3;
}

.image_pickup
{
	border	: solid 1px #999999;
}

p.set_text {
	padding : 5px ;
	background-color : #333 ;
	color : #ffc ;
	text-align : left ;
}

p.color_variation {
	font-weight : bold ;
	color : #006 ;
}

ul.prism {
	margin          : 3px 5px 0px 3px;
	padding         : 0px 0px 0px 0px;
	list-style-type : none ;	
}

ul.prism li {
	color : #555 ;
	font-weight : bold ;
	margin           : 0 0 3px 0px;
	padding          : 0px 0 0px 0px;
}

#hosho {
	border : 5px solid #ccc ;
	padding : 5px ;
}


ul#footer_link {
	list-style : none ;
	margin : 5px 0 ;
	padding : 0 ;	
}

ul#footer_link li {
	display : inline ;
	margin-bottom : 20px ;
	padding : 0 7px 0px 7px ;
	border-right : 1px solid #454545 ;
	line-height : 2 ;
}


/*color--------------------------------------------------------------*/

.blue {
	color : #0099CC;
}
.green {
	color : #669900;
}
.red {
	color : #FF3300;
}
.font_red {
	color : #FF3300;
}
.font_orange {
	color : #FF6600;
}
.font_pink {
	color : #FF6666;
}
.white {
	color : #FFF;
}
.deepblue {
	color : #4E6692;
}
.deepgreen {
	color : #45737F;
}

.darkred {
	color : #f20000 ;
}

#right_banner
{
	width				: 160px;
	text-align			: right;
}

#right_banner a
{
	font-size: 10px;
	color:#FFFFFF
}


/*background-color--------------------------------------------------*/

.bgcolor_white
{
	background-color: #FFF;
}

.bgcolor_cream
{
	background-color: #FFFFCC;
}

.bgcolor_yellow
{
	background-color: #FFCC00;
}

.bgcolor_gray
{
	background-color: #F3F3F3;
}

.bgcolor_darkgray
{
	background-color: #AAAAAA;
}

.bgcolor_green
{
	background-color: #588490;
	color			: #FFF;
}

.bgcolor_blue
{
	background-color: #306CA3;
	color			: #FFF;
}

.bgcolor_red
{
	background-color: #A33030;
	color			: #FFF;
}

.bgcolor_pealblue
{
	background-color: #DDECFF;
}

.bgcolor_pealred
{
	background-color: #FFDFDD;
}

.bgcolor_grayishgreen
{
	background-color: #A3C2BF;
	color			: #FFF;
}

.bgcolor_item
{
	background-color: #EEEEEE;
}

.bgcolor_gray_item
{
	background-color: #CCC;
}


.bgcolor_orenge {
	background-color: #FDDF9B;
}

/*プリズムセット-------------------------------*/

.prism01{
	color : #ccc ;
}

.prism02 {
	color : #fc3 ;
}

.prism03 {
	color : #0c3 ;
}

.prism04 {
	color : #90f ;
}

.prism05 {
	color : #cc9 ;
}

.prism06 {
	color : #cff ;
}

.prism07 {
	color : #f66 ;
}

.prism08 {
	color : #cf9 ;
}

.prism09 {
	color : #09c ;
}

.prism10 {
	color : #fc9 ;
}

.bold {
	font-weight : bold ;
}

.al-left {
	text-align : left ;
}

.line-he14 {
	line-height : 1.4 ;
}


/*左メニュー---------------------------------------------------------------*/

#menu_account {
	width: 165px !important;
	width: 167px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	font-size: 10px;
	line-height: 14px;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 10px;
}

#menu_safety {
	width: 165px !important;
	width: 167px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	font-size: 10px;
	line-height: 14px;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
}

#menu_safety img{
	display: block;
	margin:10px auto 0 auto;
	border:none;
}

#pankuzu {
	color: #333333;
	text-align: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 15px;
}

#details {
	width: 533px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
}


#item_field {
	width: 533px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
}



.price_t {
	font-size: 13px;
	text-decoration: line-through;
}
.price_h {
	font-size: 13px;
	line-height: 21px;
	font-weight: bold;
	color: #CC0000;
}

/* PHP追加 単品
------------------------------------- */

table.nouki {
	margin : 5px 0 ;
	width : 100% ;
}

table.nouki td {
	height : 25px ;
}

table.nouki td.banner {
	width : 91px ;
}

table.nouki td.php {
	border : 1px solid #999 ;
	background-color : #eee ;
	text-align : center ;
	font-weight : bold ;
	color : #333 ;
	letter-spacing : 0.1em ;
}

div.item {
	width : 128px ;
	color : #fff ;
	margin : 10px 0 0 0 ;
	padding : 0 ;
}

div.item form {
	margin : 5px 0 10px 0 ;
}

div.item p {
	font-weight : bold ;
	margin : 0 0 8px 3px ;
	text-align : left ;
}

table.p_price {
	margin : 5px 0 0 0 ;
	width : 100% ;
}

table.p_price td {
	padding : 2px 4px ;
}

table.p_price td.price1 {
	color : #333 ;
	background-color : #dfdfdf ;
	text-align : center ;
}

table.p_price td.price1_p {
	color : #333 ;
	font-weight : bold ;
	background-color : #fff ;
	text-decoration : line-through ;
	text-align : right ;
}

table.p_price td.price2 {
	color : #f20000 ;
	background-color : #dfdfdf ;
	text-align : center ;
}

table.p_price td.price2_p {
	color : #f20000;
	font-weight : bold ;
	background-color : #fff ;
	text-align : right ;
}

div.cart {
	margin : 5px 0;
}

p.item_title {
	width : 100% ;
	background-color : #333 ;
	color : #fff ;
	font-weight : bold ;
	padding : 4px 0 ;
	text-align : center ;
}

p.item_title_prism {
	width : 100% ;
	background-color : #0E0A56 ;
	color : #fff ;
	font-weight : bold ;
	padding : 4px 0 ;
	text-align : center ;
}

/* PHP追加 セット
------------------------------------- */

div.set {
	background-color : #000 ;
	margin : 0px 0 10px 0 ;
}

div.set form {
	margin : 10px 0 ;
}

div.set p {
	border-top : 1px solid #000 ;
	border-right : 1px solid #000 ;
	border-left : 1px solid #000 ;
	background-color : #ccc ;
	color : #000 ;
	font-weight : bold ;
	margin : 0 ;
	padding : 3px ;
}

.set ul {
	margin          : 0px 5px 0px 3px;
	padding         : 0px 0px 0px 0px;
	list-style-type : none ;	
}

.set li {
	color : #fff ;
	margin           : 0 0 3px 0px;
	padding          : 0px 0 0px 0px;
}


/*-------------- Margin --------------*/
/* margin top */
.mt0 { margin-top: 0px; }
.mt05 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt45 { margin-top: 45px; }
.mt50 { margin-top: 50px; }
.mt55 { margin-top: 55px; }
.mt60 { margin-top: 60px; }
/* margin right */
.mr0 { margin-right: 0px; }
.mr05 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mr35 { margin-right: 35px; }
.mr40 { margin-right: 40px; }
.mr45 { margin-right: 45px; }
.mr50 { margin-right: 50px; }
.mr55 { margin-right: 55px; }
.mr60 { margin-right: 60px; }
/* margin bottom */
.mb0 { margin-bottom: 0px; }
.mb05 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }
.mb50 { margin-bottom: 50px; }
.mb55 { margin-bottom: 55px; }
.mb60 { margin-bottom: 60px; }
/* margin left */
.ml0 { margin-left: 0px; }
.ml05 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.ml35 { margin-left: 35px; }
.ml40 { margin-left: 40px; }
.ml45 { margin-left: 45px; }
.ml50 { margin-left: 50px; }
.ml55 { margin-left: 55px; }
.ml60 { margin-left: 60px; }
.ml65 { margin-left: 65px; }
.ml70 { margin-left: 70px; }
.ml75 { margin-left: 75px; }
.ml80 { margin-left: 80px; }
.ml85 { margin-left: 85px; }
.ml90 { margin-left: 90px; }
.ml95 { margin-left: 95px; }

/*--------------------------*/

#menu_hankoya a,#menu_tenpo a
{
	color:#FFFFFF;
}

#menu_hankoya vlink,#menu_tenpo vlink 
{
	color: #FFFFFF;
}

#menu_hankoya
{
	margin  : 0px auto;
	padding : 0px;
	width	:189px;
}

#menu_hankoya p
{
	color:#A4C1D0;
}

#menu_hankoya ul
{
	margin          : 0px;
	padding         : 5px 0px 0px 9px;
	list-style-type : none;
}

#menu_hankoya li
{
	background-image : url(../common/icon/icon_05.gif);
	margin           : 2px 0 0;
	padding          : 0 0 0 20px;
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

/*--------------------------*/

dl#redarrow {
	margin : 5px 0 0 ;
}

dl#redarrow dt {
	margin : 5px 0 0 ;
	padding			: 0px 0px 0px 14px;
	background		: url(../common/icon/arrow_01_red.gif) no-repeat 0px 3px;
	text-align		: left;
	list-style-type	: none;
	font-weight : bold ;
}

dl#redarrow dd {
	margin : 3px 0px 0px 14px ;
}

ul#normal {
	margin : 0 ;
}

ul#normal li {
	margin : 5px 20px 0 50px ;
	padding			: 0px 0px 0px 0px;
	text-align		: left;
	list-style : disc none outside ;
	background-image : none ;
}

/*NP---------------------------------------------*/

table#np {
	border-top : 1px solid #ccc ;
	border-right : 1px solid #ccc ;
	margin : 0px auto 0 ;
	width : 95% ;
}

table#np td {
	padding : 2px ;
	border-bottom : 1px solid #ccc ;
	border-left : 1px solid #ccc ;
	text-align : center ;
	background-color : #fff ;
}


/* top_realtime_commend
------------------------------------- */

#realtime {
	width : 535px ;
	margin : 20px auto ;
}

#realtime img {
	vertical-align : bottom ;
}

#r_order {
	width : 212px ;
	float : left ;
	margin : 0 9px 0 0 ;
}

#r_order_inner p {
	background-color : #F1F9E8 ;
}

#r_order_review p {
	background-color : #FFF8DF ;
}

#realtime p {
	font-size : 11px ;
	text-align : left ;
	color : #666666;
	margin : 0 0 5px 0 ;
	padding : 3px 0 3px 10px ;
}

#r_order_inner {
	margin : 0 ;
	padding : 0px 0 0 ;
	width : 204px ;
	border-left : 4px solid #A3CE31 ;
	border-right : 4px solid #A3CE31 ;
	border-bottom : 4px solid #A3CE31 ;
}

#r_review {
	width : 311px ;
	float : left ;
	margin : 0 ;
}

#r_order_review {
	margin : 0 ;
	padding : 0px 0 0 ;
	width : 303px ;
	border-left : 4px solid #FFBF00 ;
	border-right : 4px solid #FFBF00 ;
	border-bottom : 4px solid #FFBF00 ;
}

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

.clearfix { display: inline-table; }

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

/* 納期テーブル */
.nouki_font10 {
	font-size: 10px; /* モダンブラウザ向け */
 *font-size: 10px; /* IE 7向け */
 *font: 10px;
	font-family : 'ＭＳ Ｐゴシック', sans-serif;
	height: 13px;
	padding: 0px;
}