@charaset"Shift-JIS";

/*////////////////////////////////////////////////////*/
/* Site name:ビジネスバッグ最新情報 */
/* css name:main.css */
/* Company name:Bitplan */
/* Lastversion up date:2006/04/15 */
/*////////////////////////////////////////////////////*/

/* MainStyle
------------------------------------------------------*/

body{ 
	font-size: 12px;
	line-height: 150%;
	color: #333;
	text-align:center;
	margin:0 auto;
	padding:0;
	}

#wrapper{
	width: 760px;
	height:auto;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	border:solid 1px #336;
	background:url(../common/top-img.jpg) no-repeat;
	}

form,fieldset {
	margin:0;
	padding:0;
	}

input,textarea {
	font-size:1em;
	}

h1,h2,h3,h4,h5,h6,pre,blockquote,ul,ol,dl,dd {
	margin: 0;
	padding: 0;
	}
	
p {
	margin: .5em;
	padding: 0;
	}

blockquote,li,dt,dd{
	margin-left:1em;
	}

li {
	list-style:none;
	}

img { /*ｲ霖・ﾈ･ﾆ･ｭ･ｹ･ﾈ､ﾎｰﾌﾃﾖ*/
	margin: 0;
	padding:0;
	vertical-align: middle;
	margin-right: 5px;
	}
	
.mainTable{
	border-collapse:collapse;
	border: 1px solid #036;
	}
	
.mainTd{
	padding: 0.5em;
	empty-cells: show;
	border: solid 1px #036;
	}
	
th{
	border: 1px solid #FFF;
	font-size:10px;
	font-weight:normal;
	padding: .3em .5em;
	empty-cells: show;
	background-color: #036;
	color:#FFFFFF;
	text-align:center;
	}

	
/* TAB Style
------------------------------------------------------*/

h1 {
	font-size: 10px;
	font-weight: normal;	
	}

h2 {
	font-weight: normal;
	font-size: 12px;	
	}

h3 {
	font-weight: normal;
	font-size: 16px;
	border-left: #FF6699 5px solid;
	border-bottom: #FF6699 1px solid;
	text-indent: 1em;
	margin-bottom:1em;	
	}
	
h4 {
	font-weight: normal;
	font-size: 13px;
	background-color:#CCCCFF;
	text-indent: 1em;
	margin-bottom:1em;	
	}	

/* Common Style
------------------------------------------------------*/
	
.mainText {
	margin: 1em;	
	}

.ttl-a {
	border-left: solid 5px #336;
	border-bottom: solid 1px #336;
	padding: 0.3em 0.3em 0.3em 1em;
	font-size: 14px;
	margin-bottom: 1em;
	}
	
.bk-hear {
	background-image:url(../canvas/common/bk-hearline.jpg);
	background-repeat: repeat-x;
	background-position: left center;
	}

.list-alink ul, .list-alink ul li{
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

.list-alink ul li {
	margin-top: 1em;
	background: url(../canvas/common/jean10x10.gif) no-repeat left 4px;
	padding-left: 15px;
	}

.center {
	text-align: center;
	margin: 0 auto;
	}
	
.box-e {
	border: solid 1px #9999CC;
	margin: 10px;
	padding: 5px;
	}
	
.arw-01 {
background:url(../common/arw/arrow_right.gif) no-repeat left top;
border-bottom: 1px dotted #99C;
padding: 0 0 .3em 3.5em;
text-indent: -2em;
margin: 10px 0;
}

/* Font Style
------------------------------------------------------*/

.f_small{ font-size:small; line-height:120%}
.f_medium{ font-size:medium}
.f_large{font-size:large}
.f_s{ font-size:10px; line-height:120%}
.f_m{ font-size:11px}
.f_l{ font-size:18px}
.fc_red{ color:#FF0000}
.fc_db{ color:#003366}
.fc_enji{ color:#FF0033}

/* Text Style
------------------------------------------------------*/

.t_bkP { background-color:#FFCCFF; padding:.2em 1em;}
.t_bkB { background-color: #ADF; padding:.2em 1em;}
.t_bkG { background-color:#99FF66; padding:.2em 1em;}
.t_bkO { background-color:orange; padding:.2em 1em;}

.boxRed { border:solid 1px red; padding:.2em 1em;}
.boxO { border:solid 1px orange; padding:.2em 1em;}
.boxDB { border:solid 1px #003366; padding:.2em 1em;}

.note { 
	font-size:10px;
	border: dotted 1px #003366; 
	padding:.2em 1em;
	}
.box_dotOrange {
	padding: .5em;
	border: 3px dotted #FF9900;
}
.td_darkblue {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #003366;
	border-bottom-color: #003366;
	padding: 5px;
}

.td_darkblue_header {
	font-size:10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #003366;
	border-bottom-color: #003366;
	padding: 2px;
}

.ad {
	font-style: normal;
	font-weight: normal;
	height:100px;
}

.box_normal {
	padding: 10px;
}
	

/* SideBaeStyle
------------------------------------------------------*/

#sidebar {
	width: 180px;
	float:right;
	margin: 0;
	padding: 0;
	border-left:solid 1px dotted #999999;
	}

#sidemenu{
	margin:0;
	padding: 0;
	}

.box {
	color:#003366;
	border:solid 1px #336;
	padding: 5px;
	margin-bottom: 5px;
	background-image: url(../common/bk-box.jpg);
	text-align:left;
	}
	
.bunner {
	text-align:center;
	margin:5px;
	}
	
/* FooterStyle
・------------------------------------------------------*/

#footer {
	clear:both;
	color:#999999;
	font-size: 10px;
	}
	
#footer a, #footer a:link, #footer a:visited{
	text-decoration: none;
	color: #FFFFFF;
	text-align: center;
	}

#footer a:hover {
	color: #3333CC;
	background-color: #FFCC00;
	}.tbl_darkblue {
	margin: 5px;
	padding: 5px;
	border: 1px solid #003366;
}

#footlink {
	color: #FFFFFF;
	background-color: #003366;
	font-size: 12px;
}
strong {
	font-weight: normal;
}
/*　ContentsStyle
------------------------------------------------------*/

#contents {
	float:left;
	width: 540px;
	text-align: left;
	margin: 0;
	padding: 19px;
	}

.img-left {
	float: left;
	margin: 0 10px 10px 0;
	}

.img-right {
	margin: 0 10px 0px 10;
	float: right;
	}
	
#breadmenu {
	border: 1px solid #99CCCC;
	padding: 2px;
	text-indent: 1em;
	margin-bottom: 1em;
	background-color: #FFFFFF;
	}

.item {
	border: solid 1px #369;
	margin:5px 0;
	padding:0.5em;
	}
	
table.itemlist {
	border-collapse:collapse;
	border:none;
	margin: 1em 0 ;
	}
	
td.itemlist {
	padding: .3em .5em;
	empty-cells: show;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
	}

/* Line style
------------------------------------------------------*/

.line333 {background: url(../common/1p333.gif) repeat-x left;}
.line666 {background: url(../common/1p666.gif) repeat-x left;}
.line999 {background: url(../common/1p999.gif) repeat-x left;}
.lineCCC {background: url(../common/1pCCC.gif) repeat-x left;}
.lineDB {background: url(../common/1p-db.gif) repeat-x left;}
.lineEnji {background: url(../common/1p-enji.gif) repeat-x left;}
.lineGreen {background: url(../common/1p-green.gif) repeat-x left;}
.lineOrange {background: url(../common/1p-orange.gif) repeat-x left;}
.linePink {background: url(../common/1p-pink.gif) repeat-x left;}
.lineRed {background: url(../common/1p-red.gif) repeat-x left;}
.dot333 {background: url(../common/dot-333.gif) repeat-x left;}
.dot666 {background: url(../common/dot-666.gif) repeat-x left;}
.dot999 {background: url(../common/dot-999.gif) repeat-x left;}
.dotCCC {background: url(../common/dot-CCC.gif) repeat-x left;}
.dotDB {background: url(../common/dot-DB.gif) repeat-x left;}
.dotEnji {background: url(../common/dot-enji.gif) repeat-x left;}
.dotOrange {background: url(../common/dot-orange.gif) repeat-x left;}
.dotPink {background: url(../common/dot-pink.gif) repeat-x left;}
.dotRed {background: url(../common/dot-red.gif) repeat-x left;}
.jean5 {background: url(../common/jean5x5.gif) repeat-x left;}
.jean10 {background: url(../common/jean10x10.gif) repeat-x left;}
.jean15 {background: url(../common/jean15x15.gif) repeat-x left;}

/* list Style
------------------------------------------------------*/

.list-btn ul{
	margin-bottom: 1em;
	}

.list-btn ul ul{
	margin-left:.5em;
	}
	
.list-btn ul ul ul{
	margin-left:1em;
	}
	;
.list-btn ul li{
	background :url(../common/list-red.gif) no-repeat 0% 0%;
	padding-left:1.3em;
	margin: 1em 0;
	}

.list-btn ul ul li{
	background :url(../common/list-bl.gif) no-repeat 0% 0%;
	}
	
.list-btn ul ul ul li{
	background-image:none;
	margin-left:0;
	}
	
/*------------------------------------------------------*/

.list-O ul{
	margin-bottom: 1em;
	}
	
.list-O ul li{
	background :url(../common/point/mark-O.gif)  no-repeat 0% 0%;
	text-indent:-1.7em;
	padding-left:3em;
	margin: 1em 0;
	}

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

.list-V ul{
	margin-bottom: 1em;
	}
	
.list-V ul li{
	background :url(../common/point/mark-V.gif)  no-repeat 0% 0%;
	text-indent:-1.7em;
	padding-left:3em;
	margin: 1em 0;
	}

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

.list-H ul{
	margin-bottom: 1em;
	}
	
.list-H ul li{
	background :url(../common/point/mark-H.gif)  no-repeat 0% 0%;
	text-indent:-1.7em;
	padding-left:3em;
	margin: 1em 0;
	}

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

.list-A ul{
	margin-bottom: 1em;
	}
	
.list-A ul li{
	background :url(../common/point/mark-A.gif)  no-repeat 0% 0%;
	text-indent:-1.7em;
	padding-left:3em;
	margin: 1em 0;
	}


.mark_O { 
	background:url(../common/point/mark-O.gif) no-repeat 0% 0%;
	margin: 0.5em 0;
	padding-left:3em;
	text-indent: -1.7em;}

.mark_V { 
	background:url(../common/point/mark-V.gif) no-repeat 0% 0%;
	margin: 0.5em 0;
	padding-left:3em;
	text-indent: -1.7em;}

.mark_A { 
	background:url(../common/point/mark-A.gif) no-repeat 0% 0%;
	margin: 0.5emem 0;
	padding-left:3em;
	text-indent: -1.7em;}

.mark_H { 
	background:url(../common/point/mark-H.gif) no-repeat 0% 0%;
	margin: 0.5emem 0;
	padding-left:3em;
	text-indent: -1.7em;}

		
/* PageBack Style
------------------------------------------------------*/

#hanfu-contents {
	background: url(../canvas/img/bk-hanfu01.jpg) no-repeat top right;
	float:left;
	width: 540px;
	text-align: left;
	margin: 0;
	padding: 20px;
	}
	
/* HeaderStyle
------------------------------------------------------*/

#header {
	width: 100%;
	margin-top: 0;
	padding: 0;
	text-align:center;
	}



/* Global Navigation
------------------------------------------------------*/

#glnavi {
	margin: 0;
	padding: 0;
	width: 100%;	
	}

#glnavi p {
	background: url(../common/bk-hearlineGray.jpg) repeat-x top;
	text-align: center;
	padding: 3px;
	border: solid 1px #999999;
}