/************************************************

 PIERROT CORPORATE SITE 
 CSS No.01
 -Normal Ver-  

************************************************/

@charset "utf-8";


/* 基本要素 ******************************************/
* {
	margin: 0;
	padding: 0;
}
body {
	background: #ffffe6 repeat-y center top;
	text-align: left;
	FONT-SIZE: 9pt;
	line-height: 150%;
	COLOR: #333333;
}




A {
	TEXT-DECORATION: none
}
A:link {
	COLOR: #0066ff; TEXT-DECORATION: none
}
A:visited {
	COLOR: #0066ff; TEXT-DECORATION: none
}
A:hover {
	COLOR: #ff3366; TEXT-DECORATION: underline
}
A:active {
	COLOR: #ff3366; TEXT-DECORATION: underline
}



h1, h2, h3, p {
	padding: 5px;	
}


hr.d01 {
height: 1px;
border: none;
border-top: 1px #999999 dashed;
}

hr.d02 {
height: 2px;
width: 98%;
border: none;
border-top: 2px dotted #339933;
}





/*メイン領域のスタイル定義*/
#wrap {
	width: 850px;
	margin: 0 auto;
	text-align: left;
	background: #ffffff;
}




/*headerのスタイル定義*/
#header {
	width: 850px;
	height: 71px;
	background: url(../images/header_bg.jpg);
	padding: 0;
	margin: 0;
	font-size: 14px;
}

#logo {
	background:url(../images/header_logo.jpg);
	width:165px;
	height:71px;
	padding:0;
	margin:0;
}




/*コンテンツ領域定義*/	
#content {
  	float: left;
  	width: 850px;
	margin: 0 auto;
	text-align: left;
	background: #ffffff;
}

#content-wrap {
	clear: both;
	width: 820px;
	padding: 0; 
	margin: 0 auto;
	background: #ffffff;
}



/*leftメニューのスタイル定義*/	
#sidebar {
  	float: left;
  	width: 25%;
  	padding: 0; margin: 0;
}

#sidebar h1 {
	font-size: 120%;
	margin-top: 20px;
	padding: 0px 0 0px 2px; 
	color: #FFFFFF;
	background: #EEF0F1 url(../images/left_h1.jpg) repeat-x left bottom;	
	border: 1px solid #076DFF;
}

#sidebar .left-box {
	border: 1px solid #076DFF; 
	margin: 0 0 5px 0;
	background: #FFFDF4;
}

#sidebar ul.sidemenu li {
	border-bottom: 1px solid #EFF0F1;
	background: url(../images/p_icicon04.gif) no-repeat 5px 5px;	
	padding: 2px 0 2px 25px;
	margin: 0 2px;
}


/*inlineFlame内メニューのスタイル定義*/	
#isidebar {
  	float: left;
  	width: 70%;
  	padding: 0; margin: 0;
}

#isidebar h1 {
	font-size: 120%;
	margin-top: 20px;
	padding: 0px 0 0px 2px; 
	color: #FFFFFF;
	background: #EEF0F1 url(../images/left_h1.jpg) repeat-x left bottom;	
	border: 1px solid #076DFF;
}

#isidebar .left-box {
	border: 1px solid #076DFF; 
	margin: 0 0 5px 0;
	background: #FFFDF4;
}

#isidebar ul.sidemenu li {
	border-bottom: 1px solid #EFF0F1;
	background: url(../images/p_icicon04.gif) no-repeat 5px 5px;	
	padding: 2px 0 2px 25px;
	margin: 0 2px;
}



/*rightメインコンテンツ領域のスタイル定義*/	
#main {
	float: right;
	width: 600px;
	padding: 0; margin: 30;
	background: #ffffff;
}


#main h1 {
	margin-top: 20px;
	padding: 5px 0 4px 20px;
	width: 95%;
	font-size: 120%;
	color: #333; 
	border: 1px solid #EAEAEA;
	background: #BBE3FF url(../images/h1_point_blue.gif) no-repeat 1px 50%;
}

#main h2 {
	margin-top: 10px;
	padding: 5px 0 4px 20px;
	width: 95%;
	font-size: 120%;
	color: #333; 
	background: url(../images/h1_point_green.gif) no-repeat 1px 50%;
	border-bottom: 2px dotted #339933;
}

#h3 {
	background:#FFFFFF;
	text-align: left;
}

#main li{
	background: url(../images/p_icicon04.gif) no-repeat 5px 5px;	
	padding: 2px 0 2px 25px;
	margin: 0 2px;
	list-style: none;
	text-align: left;
	text-decoration: none;
}


#main .li02{
	background: url(../images/p_icicon.gif) no-repeat 5px 5px;	
	padding: 2px 0 2px 25px;
	margin: 0 2px;
	list-style: none;
	text-align: left;
	text-decoration: none;
}



#main .text01{
	width: 95%;
	padding: 0;
	padding: 0 0 10px 10px;
	}

.post-footer{
	margin-top: 20px;
	padding: 5px 0 5px 0;
	width: 95%;
	color: #333; 
	border-top: 1px dotted #999999;
}



/*fooderのスタイル定義*/
#footer {
	clear: both;
	width: 850px;
	height: 30px;
	margin-top: 30px;
	background: url(../images/fooder.jpg);
	padding: 0;
	font-size: 14px;
}











/*tableのスタイル定義*/
table#table-01 {
    width: 90%;
    border: 1px #FFFFFF solid;
    border-spacing: 0;
}


td#td-01 {
    padding: 5px;
    border-style: dotted;
    border-width: 1px;
    border-color: #FFFFFF #FFFFFF #999999 #FFFFFF;
    background: url(../images/tabel_bg_02.jpg) repeat-x 0 100%;
    color: #1A4444;
    white-space: nowrap;
}

td#td-02 {
    padding: 5px;
    border-style: dotted;
    border-width: 1px;
    border-color: #FFFFFF #FFFFFF #999999 #FFFFFF;
    background: #FFFFFF ;
    color: #1A4444;
    white-space: nowrap;
}

td#td-03 {
    padding: 5px;
    border-style: dotted;
    border-width: 1px;
    border-color: #FFFFFF #FFFFFF #999999 #FFFFFF;
    background: url(../images/tabel_bg_03.jpg) repeat-x 0 100%;
    color: #1A4444;
    white-space: nowrap;
}


#table-pink {
	border: 1px solid #FF6666; 
	background: #FFFFFF;
}

#td-pink {
	border: 1px solid #FF6666; 
	background: #FFFFFF;
}


#table-blue {
	border: 1px solid #0066FF; 
	background: #FFFFFF;
}

#td-blue {
	border: 1px solid #0066FF; 
	background: #FFFFFF;
}


#table-green {
	border: 1px solid #006633; 
	background: #FFFFFF;
}











.b1 {
	BORDER-RIGHT: #1559b8 1px solid; 
	BORDER-TOP: #1559b8 1px solid;
	FONT-SIZE: 10pt; 
	BACKGROUND: #ffffff; 
	BORDER-LEFT: #1559b8 1px solid; 
	COLOR: #333333; 
	BORDER-BOTTOM: #1559b8 1px solid;
	scrollbar-3dlight-color: #1559b8;
    scrollbar-arrow-color: #1559b8;
    scrollbar-base-color:#DEEBEF;
    scrollbar-darkshadow-color: #DEEBEF;
    scrollbar-face-color: #DEEBEF;
    scrollbar-highlight-color: #DEEBEF;
    scrollbar-shadow-color: #1559b8
}

.b2 {
	BORDER-RIGHT: #FFFFFF 1px solid; 
	BORDER-TOP: #FFFFFF 1px solid;
	FONT-SIZE: 10pt; 
	BACKGROUND: #FFFFFF solid; 
	BORDER-LEFT: #FFFFFF 1px solid; 
	COLOR: #333333; 
	BORDER-BOTTOM: #CCCCCC 1px;
	scrollbar-3dlight-color: #1559b8;
    scrollbar-arrow-color: #1559b8;
    scrollbar-base-color:#DEEBEF;
    scrollbar-darkshadow-color: #DEEBEF;
    scrollbar-face-color: #DEEBEF;
    scrollbar-highlight-color: #DEEBEF;
    scrollbar-shadow-color: #1559b8
}