@charset "UTF-8";

/*�S�y�[�W����
-----------------------------------------*/
* {
margin: 0;
padding: 0;
}
li {
list-style: none;
}
a img {
border: none;
}

html {
height: 100%;
}

body {
background-image: url("../images/default/bg02.png");
letter-spacing: 0.1em;
line-height: 1.5;
font-family: "���C���I","Meiryo",verdana,"�q���M�m�p�S Pro W3","Hiragino Kaku Gothic Pro",Osaka,"�l�r �o�S�V�b�N","MS PGothic",Sans-Serif;
}

/*���o��
-----------------------------------------*/

h2 {
  margin-bottom: 5px;
  font-size: 200%;
  text-shadow: #333 2px 2px 2px;
}

h3 {
  font-size: 200%;
  text-align: center;
  margin-bottom: 5px;
  text-shadow: #333 2px 2px 2px;
}

h3 span{
  font-size: 80%;
  letter-spacing:-2px;
  margin-bottom: 5px;
  text-shadow: #333 2px 2px 2px;
}

body header h1 {
top: 2px;
font-size: 12px;
font-style: normal;
margin-top: 0;
}

h1 {margin-top: 0;}

/*�p���N�Y
-----------------------------------------*/

#bread-crumb-list {
  width: 700px;�@/* �����͔C�ӂ̒l */
  padding: 10px 0px 10px 10px;�@/* �p�f�B���O���C�ӂ̒l */
  float: left;
  text-alig,m,m,mn: left;
}
#bread-crumb-list li {
  display: inline;
  padding-right: 2px;
  text-align: left;
}
#bread-crumb-list li a {
  color: #0080ff; /* �ʏ펞�̕����F */
}
#bread-crumb-list li a:hover {
  text-decoration: underline;
  color: #313131; /* �}�E�X�I���������̕����F */
} 

.pk{
	font-size: 80%;
	padding: 10px 0px 20px 0px;
}







/*��{
-----------------------------------------*/

    div#wrapperBox  {  
        width: 100%;
        margin: 0 auto;
    } 
    
    div#headerBox   {  
        width: 100%; 
        margin:0px;
        padding: 0px;
    }
    
    div#navigationBox   {  
        width: 100%; 
        margin: 0 auto;
    }
    
    div#containerBox    {  
        width: 1000px;
    margin: 0 auto;
    }
    
    div#containerBox:after  {  
        height: 0;  
        visibility: hidden;  
        content: ".";  
        display: block;  
        clear: both;  
    }
    
    div#mainBox {  
        float: right;  
        width: 330px;  
    }
    
    div#subBox  {  
        float: left;  
        width: 595px;  
    }
    
    div#footerBox   {  
        width: 100%;   
    } 
    

    
    
/*box�֘A
-----------------------------------------*/


.boxs {
	float: left;
	padding: 5px;
}

.boxs03 {
	float: left;
	padding: 5px 0px 25px 20px;
}

.box01{
	/*�e������*/
	padding:20px;/* �]�� */
	line-height: 1.5;
	border:2px solid #cbb99d;
	-webkit-box-shadow: 0 5px 8px -6px #8d8c8c;
	-moz-box-shadow: 0 5px 8px -6px #8d8c8c;
	 box-shadow: 0 5px 8px -6px #8d8c8c;
	margin-bottom: 10px;
}

.box00{
}


.box475{
	float: left;
	width:475px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.box100{
	float: left;
	width:120px;
	margin-top: 15px;
	margin-bottom: 15px;
}


.boxwaku{
	padding:15px;/* �]�� */
	margin-bottom: 5px;
	border:1px solid #c0c0c0;
}

.boxwaku-sub{
	padding:15px;/* �]�� */
	margin-top: 10px;
	margin-bottom: 5px;
	border:1px solid #e1e1e1;
	-webkit-box-shadow: 0 5px 8px -6px #8d8c8c;
	-moz-box-shadow: 0 5px 8px -6px #8d8c8c;
	 box-shadow: 0 5px 8px -6px #8d8c8c;
}



/*�����F�E�T�C�Y
-----------------------------------------*/
.color1{ color:#800000}
.color2{ font-size:20px; color:#000000; text-shadow: 0px 2px 1px #bbbaba; }
.color3{ font-size:20px; color:#ff0080; text-shadow: 0px 2px 1px #bbbaba;}
.color4{ font-size:20px; color:#000000; text-shadow: 0px 2px 1px #bbbaba; background-color: #c6c6ff; }
.color5{ font-size:20px; color:#ffffff; text-shadow: 0px 2px 1px #bbbaba; background-color: #ff0080; }
.color6{ font-size:20px; color:#ffffff; text-shadow: 0px 2px 1px #bbbaba; background-color: #ff8000; }
.color7{ color:#3d3d3d; text-shadow: 0px 2px 1px #bbbaba;}
.color8{ font-size:20px; color:#0080ff; text-shadow: 0px 2px 1px #bbbaba;}
.color22{ font-size:20px; color:#c0c0c0;}
.color23{ font-size:100%; color:#c0c0c0;}
.colortitle{ font-size:20px; color:#0080ff; text-shadow: 0px 2px 1px #bbbaba; }
.colorprice{ font-size:100%; color:#ffffff; text-shadow: 0px 2px 1px #bbbaba; background-color: #000000; }
.color-red{ font-size:100%; color:#ff0000; font-weight:bold; background-color: #ffff00;}
.color-yellow{ font-size:100%; color:#000000; font-weight:bold; background-color: #ffff00;}
.s{ font-size:83%;}
.red{ font-size:150%; color:#ff0000;}
.small{ font-size:85%; color:#ff0000;}


.dropcap_1{ float:left; width:100px; height:95px; 0 0 no-repeat; margin-right:7px; font-size:48px; color:#000000; line-height:1.2em; text-align:center; font-weight:bold; letter-spacing:-4px;}
.dropcap_1 span{ display:block; font-size:19px; line-height:1.2em; font-weight:400; letter-spacing:-1px; margin-top:-11px}
.dropcap_1 span{ display:block; font-size:16px; line-height:1.2em; font-weight:400; letter-spacing:1px; margin-top:-5px}

.dropcap_2{ float:left; width:100px; height:95px; 0 0 no-repeat; margin-right:7px; font-size:48px; color:#0080ff; line-height:1.2em; text-align:center; font-weight:bold; letter-spacing:-4px;}
.dropcap_2 span{ display:block; font-size:19px; line-height:1.2em; font-weight:400; letter-spacing:-1px; margin-top:-11px}
.dropcap_2 span{ display:block; font-size:16px; line-height:1.2em; font-weight:400; letter-spacing:1px; margin-top:-5px}

.dropcap_3{ float:left; width:100px; height:95px; 0 0 no-repeat; margin-right:7px; font-size:48px; color:#ff0080; line-height:1.2em; text-align:center; font-weight:bold; letter-spacing:-4px;}
.dropcap_3 span{ display:block; font-size:19px; line-height:1.2em; font-weight:400; letter-spacing:-1px; margin-top:-11px}
.dropcap_3 span{ display:block; font-size:16px; line-height:1.2em; font-weight:400; letter-spacing:1px; margin-top:-5px}







p.cap {
  text-indent:-1em;
  padding-left:1em;
}


a:link	{
	color : #0080ff;
	text-decoration : none;
}
a:visited	{
	color : #0080c0;
	text-decoration : none;
}
a:active	{
	color : #804000;
	text-decoration : none;
}
a:hover	{
	color : #808080;
	text-decoration : underline;
}

a:hover img{
	opacity:0.5;
	-moz-opacity:0.5;
	filter:alpha(opacity = 50);
}

hr {
border: none;
height: 0;
overflow: hidden;
border-bottom: 1px dotted #959595;
clear: both;
}

.hr02 {
border: none;
height: 0;
overflow: hidden;
border-bottom: 1px dotted #ff0080;
clear: both;
margin-top: 20px;
margin-bottom: 20px;
}

img.sashie {
	float: left;
	margin-right: 15px;
}

img.sashie2 {
	float: right;
	margin-right: 15px;
}



/*��ɖ߂�A��
-----------------------------------------*/
.backtotop {
	position: fixed;
	right: 15px;
	bottom: 20px;
	z-index: 9000;
	display: none;
}
.backtotop a {
	display: block;
	color: #fff;
	padding: 14px 6px;
	margin: 0;
	background-color: #000000;
	border-radius: 5px;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}
.backtotop a:hover {
	background: #ff0080;
	color: #ffffff;
}