/*
Theme Name: Spool Corp
Theme URI: http://www.spool.co.jp/
Version: 0.1
Author: S-Pool,Inc.
*/

/* CSS Document */
html{
background-color:#fff;
background-image:url(background002.gif);
background-repeat:repeat-x;
color:#333;
margin:0;
padding:0;
}

body{
margin:10px auto 10px;
padding:0;
width:767px;
}

h1,h2,h3,h4,h5,h6{
font-size:1em;
font-weight:normal;
margin:0;
padding:0;
}

ul{
margin:0;
}

img{
border:0;
}

a:link{ color:#3D5197;}
a:hover{ color:#FF3399;}
a:active{ color:#3D5197;}
a:visited{ color:#669999;}

blockquote{
padding:5px;
margin:10px;
border:1px #ccc solid;
}

p{
margin:0;
}

hr{
color:#fff;
margin-top:50px;
}

.outLink a{
background-image:url(icon_link.gif);
background-position:right;
background-repeat:no-repeat;
padding-right:15px;
}

.margin1{margin:1px;}
.margin2{margin:2px;}
.margin3{margin:3px;}
.margin4{margin:4px;}
.margin5{margin:5px;}
.margin6{margin:6px;}
.margin7{margin:7px;}
.margin8{margin:8px;}
.margin9{margin:9px;}
.margin10{margin:10px;}
.margin20{margin:20px;}
.margin30{margin:30px;}
.margin40{margin:40px;}
.margin50{margin:50px;}

.margin10_0{margin:10px 0;}
.margin20_0{margin:20px 0;}
.margin30_0{margin:30px 0;}
.margin40_0{margin:40px 0;}
.margin50_0{margin:50px 0;}

.margin0_10{margin:0 10px;}
.margin0_15{margin:0 15px;}
.margin0_20{margin:0 20px;}
.margin0_30{margin:0 30px;}
.margin0_40{margin:0 40px;}
.margin0_50{margin:0 50px;}

.fontsize50{font-size:50%;font-weight:normal;}
.fontsize60{font-size:60%;font-weight:normal;}
.fontsize70{font-size:70%;font-weight:normal;}
.fontsize80{font-size:80%;font-weight:normal;}
.fontsize90{font-size:90%;font-weight:normal;}
.fontsize100{font-size:100%;font-weight:normal;}

.fontcolor_blue{color:#3D5197;}
.fontcolor_lightblue{color:#0066FF;}

.textright{text-align:right;}
.textcenter{text-align:center;}
.clear{clear:both;}

#HeadArea{
color:#999;
width:770px;
}
#HeadAreaLeft{
float:left;
width:179px;
}
#HeadAreaRight{
float:right;
width:550px;
}

#Logo{
float:left;
}

/* CorpLog Start */
#CorpLogo{
margin-top:15px;
}
/* CorpLogo End */

/* GlobalMenu Start */
#GlobalMenu{
float:right;
margin:2px 5px;
}
#GlobalMenu li{
display:inline;
margin:0 0.5em;
font-size:0.9em;
}
#GlobalMenu li a span{text-decoration:underline;}
#GlobalMenu li a{text-decoration:none;}
#GlobalMenu li a.rss{background:url(icon_rss.gif) no-repeat; padding-left:12px;}
#GlobalMenu li a.home{background:url(icon_home.gif) no-repeat; padding-left:12px;}
#GlobalMenu li a.sitemap{background:url(icon_sitemap.gif) no-repeat; padding-left:12px;}
#GlobalMenu li a:link{ color:#999;}
#GlobalMenu li a:hover{ color:#999; text-decoration:underline;}
#GlobalMenu li a:visited{ color:#999;}
#GlobalMenu li a:active{ color:#999;}

.font_size{
vertical-align:middle;
}
/* GlobalMenu End */

/* SearchArea Start */
#Search{
float:right;
}
#Search .searchbox{
border:1px solid #E0E4E6;
vertical-align:top;
height:16px;
margin-top:0px;
margin-right:3px;
}
#Search .searchbtn{
height:16px;
vertical-align:middle;
}
/* SearchArea End */


/* GlobalNavi Start */
/*
#GlobalNavi{
clear:both;
padding:10px 0 2px;
float:right;
}
#GlobalNavi ul li{
list-style-type:none;
float:left;
}
*/
#GlobalNavi{
clear:both;
width:540px;
height:47px;
padding:10px 4px 0 0;
float:right;
}
#GlobalNavi ul li{
list-style-type:none;
width:100px;
height:46px;
float:right;
}
#GlobalNavi ul li.btn001{background:url(btn_globalnavi_01_on.jpg);}
#GlobalNavi ul li.btn002{background:url(btn_globalnavi_02_on.jpg);}
#GlobalNavi ul li.btn003{background:url(btn_globalnavi_03_on.jpg);}
#GlobalNavi ul li.btn004{background:url(btn_globalnavi_04_on.jpg);}
#GlobalNavi ul li.btn005{background:url(btn_globalnavi_05_on.jpg);}
#GlobalNavi ul li a{
display:block;
width:100px;
height:46px;
}
#GlobalNavi ul li a:hover {
background-color:transparent;
}
#GlobalNavi ul li a:hover img{
visibility:hidden;
}
/*
#GlobalNavi li a{background:url(head_separator_line.gif) no-repeat; padding-left:10px;}
#GlobalNavi li a{text-decoration:none;}
#GlobalNavi li a:link{ color:#666;}
#GlobalNavi li a:hover{ color:#666; text-decoration:underline;}
#GlobalNavi li a:active{ color:#666;}
#GlobalNavi li a:visited{ color:#666;}
*/
/*#GlobalNavi ul li.btn005{
background:url(head_separator_line.gif) no-repeat;
background-position:right;
}*/
/* GlobalNavi End */

#MainImage{
clear:both;
padding:2px 0 10px;
}
#TopicPath{
clear:both;
float:left;
width:767px;
height:17px;
background-image:url(bg_topicpath.gif);
background-repeat:no-repeat;
padding:2px 0 0 25px;
margin:0 0 5px;
color:#F3F5FA;
font-size:1em;
}
#TopicPath a{text-decoration:none;}
#TopicPath a:link{ color:#F3F5FA;}
#TopicPath a:hover{ color:#F3F5FA; text-decoration:underline;}
#TopicPath a:active{ color:#F3F5FA;}
#TopicPath a:visited{ color:#F3F5FA;}

/* BodyArea Start */
#BodyArea{
margin:0 auto 0;
line-height:1.6em;
}
#BodyArea #lLeft{
float:left;
width:553px;
padding-left:12px;
}
#BodyArea #sLeft{
float:left;
width:169px;
height:400px;
padding-left:12px;
}
#BodyArea #lRight{
float:right;
margin-right:-20px;
}
#BodyArea #sRight{
float:right;
}
#BodyArea #Long{
float:right;
}
#BodyArea #Center{
float:left;
padding:0 110px;
}

#BodyArea #Segment01 strong{color:#0066FF;}
#BodyArea #Segment02 strong{color:#3D5197;}
#BodyArea #Segment03 strong{color:#FFA03A;}
#BodyArea #Segment04 strong{color:#40AB76;}
#BodyArea #Segment05 strong{color:#CB6A63;}

#BodyArea #lLeft h2,#BodyArea #lRight h2,#BodyArea #Center h2{
width:553px;
height:40px;
padding:20px 0 0 25px;
margin-bottom:5px;
background-image:url(longTitleBar01.jpg);
background-repeat:no-repeat;
background-position:left;
}
#BodyArea #lRight h2,#BodyArea #lLeft h2,,#BodyArea #Center h2{
font-size:120%;
}
#BodyArea #Segment01 #lLeft h2,#BodyArea #Segment01 #lRight h2,#BodyArea #Segment01 #Center h2{
background-image:url(longTitleBar01.jpg);
color:#0066FF;
}
#BodyArea #Segment02 #lLeft h2,#BodyArea #Segment02 #lRight h2,#BodyArea #Segment02 #Center h2{
background-image:url(longTitleBar02.jpg);
color:#3D5197;
}
#BodyArea #Segment03 #lLeft h2,#BodyArea #Segment03 #lRight h2,#BodyArea #Segment03 #Center h2{
background-image:url(longTitleBar03.jpg);
color:#FFA03A;
}
#BodyArea #Segment04 #lLeft h2,#BodyArea #Segment04 #lRight h2,#BodyArea #Segment04 #Center h2{
background-image:url(longTitleBar04.jpg);
color:#40AB76;
}
#BodyArea #Segment05 #lLeft h2,#BodyArea #Segment05 #lRight h2,#BodyArea #Segment05 #Center h2{
background-image:url(longTitleBar05.jpg);
color:#CB6A63;
}

#BodyArea #sLeft h2,#BodyArea #sRight h2{
width:169px;
height:26px;
padding:20px 0 0 25px;
margin-bottom:5px;
background-image:url(shortTitleBar01.jpg);
background-repeat:no-repeat;
background-position:left bottom;
}
#BodyArea #Segment01 #sLeft h2,#BodyArea #Segment01 #sRight h2{
background-image:url(shortTitleBar01.jpg);
color:#0066FF;
}
#BodyArea #Segment02 #sLeft h2,#BodyArea #Segment02 #sRight h2{
background-image:url(shortTitleBar02.jpg);
color:#3D5197;
}
#BodyArea #Segment03 #sLeft h2,#BodyArea #Segment03 #sRight h2{
background-image:url(shortTitleBar03.jpg);
color:#FFA03A;
}
#BodyArea #Segment04 #sLeft h2,#BodyArea #Segment04 #sRight h2{
background-image:url(shortTitleBar04.jpg);
color:#40AB76;
}
#BodyArea #Segment05 #sLeft h2,#BodyArea #Segment05 #sRight h2{
background-image:url(shortTitleBar05.jpg);
color:#CB6A63;
}

#BodyArea a:link{ color:#3D5197;}
#BodyArea a:active{ color:#3D5197;}
#BodyArea a:visited{ color:#669999;}
#BodyArea a:hover{ color:#FF3399;}

/* CurrentPageMenu Decoration [Start] */
#BodyArea li.current_page_item a,#BodyArea li.current_page_item a:hover{
text-decoration:underline;
}
#BodyArea li.current_page_item li a{
text-decoration:none;
}
#BodyArea li.current_page_item a,#BodyArea li.current_page_item a:hover{
text-decoration:underline;
}
#BodyArea li.current_page_item li a{
text-decoration:none;
}
/* CurrentPageMenu Decoration [End] */

#SolutionServiceArea{
}
.SolutionServiceLeft{
float:left;
width:520px;
margin:0 20px 20px 10px;
}
.SolutionServiceRight{
float:right;
}
.SolutionServiceChank{
margin:7px 0 7px 18px;
background-image:url(hr_dot_gray.gif);
background-position:bottom;
background-repeat:no-repeat;
}
.ssText01{
padding:0 0 5px 105px;
background-image:url(icon_img_01.gif);
background-repeat:no-repeat;
background-position:0 4px;
}
.ssText02{
padding:0 0 5px 105px;
background-image:url(icon_img_02.gif);
background-repeat:no-repeat;
background-position:0 4px;
}
.ssText03{
padding:0 0 5px 105px;
background-image:url(icon_img_03.gif);
background-repeat:no-repeat;
background-position:0 4px;
}
.ssText04{
padding:0 0 5px 105px;
background-image:url(icon_img_04.gif);
background-repeat:no-repeat;
background-position:0 4px;
}
.ssText05{
padding:0 0 5px 105px;
background-image:url(icon_img_05.gif);
background-repeat:no-repeat;
background-position:0 4px;
}
.ssText06{
padding:0 0 5px 105px;
background-image:url(icon_img_06.gif);
background-repeat:no-repeat;
background-position:0 4px;
}
.ssText07{
padding:0 0 5px 105px;
background-image:url(icon_img_07.jpg);
background-repeat:no-repeat;
background-position:0 4px;
}
.ssText08{
padding:0 0 5px 105px;
background-image:url(icon_img_08.jpg);
background-repeat:no-repeat;
background-position:0 4px;
}
.ssText09{
padding:0 0 5px 105px;
background-image:url(icon_img_10.jpg);
background-repeat:no-repeat;
background-position:0 4px;
}
.ssText10{
padding:0 0 5px 105px;
background-image:url(icon_img_09.jpg);
background-repeat:no-repeat;
background-position:0 4px;
}
.ssText11{
padding:0 0 5px 105px;
background-image:url(icon_img_07.gif);
background-repeat:no-repeat;
background-position:0 4px;
}
/* NewsArea Start */
#NewsArea{
clear:both;
margin-bottom:20px;
}
.news_cank{
margin:7px 0 7px;
padding-bottom:7px;
background-image:url(hr_dot_gray.gif);
background-position:bottom;
background-repeat:no-repeat;
}
/*. news_list_ID1{background-image:url(icon_seminar.gif);} */
.news_list_ID4{background-image:url(icon_info.gif);}
.news_list_ID7{background-image:url(icon_news.gif);}
/*.news_list_ID3{background-image:url(icon_info.gif);}*/
/* .news_list_ID6{background-image:url(icon_irevent.gif);} */
.news_title{
padding-left:40px;
background-position:0 4px;
background-repeat:no-repeat;
}
.news_body{
padding-left:40px;
}
/* NewsArea Start */

/* ContentsMenu Start */
#ContentsMenu{
margin-bottom:20px;
}
#ContentsMenu ul{
margin-left:-28px;
}
* html #ContentsMenu ul{
margin-left:12px;
}
#ContentsMenu ul li{
list-style:none;
background-image:url(icon_list04.gif);
background-position:left;
background-repeat:no-repeat;
margin-bottom:3px;
}
#Segment01 #ContentsMenu ul li{background-image:url(icon_list05.gif);}
#Segment02 #ContentsMenu ul li{background-image:url(icon_list04.gif);}
#Segment03 #ContentsMenu ul li{background-image:url(icon_list07.gif);}
#Segment04 #ContentsMenu ul li{background-image:url(icon_list06.gif);}

#ContentsMenu ul li.submenu{
margin-left:16px;
}
#ContentsMenu ul li a{
background-image:url(hr_dot_gray.gif);
background-position:bottom;
background-repeat:no-repeat;
padding-left:12px;
padding-bottom:3px;
display:block;
width:140px;
}
#ContentsMenu ul li.submenu a{
width:124px;
}
#ContentsMenu a{text-decoration:none;}
#Segment01 #ContentsMenu h2 a:link{color:#0066FF;}
#Segment02 #ContentsMenu h2 a:link{color:#3D5197;}
#Segment03 #ContentsMenu h2 a:link{color:#FFA03A;}
#Segment04 #ContentsMenu h2 a:link{color:#40AB76;}
#Segment01 #ContentsMenu h2 a:visited{color:#0066FF;}
#Segment02 #ContentsMenu h2 a:visited{color:#3D5197;}
#Segment03 #ContentsMenu h2 a:visited{color:#FFA03A;}
#Segment04 #ContentsMenu h2 a:visited{color:#40AB76;}
#Segment01 #ContentsMenu h2 a:hover{color:#79AEFF;}
#Segment02 #ContentsMenu h2 a:hover{color:#7A8CC9;}
#Segment03 #ContentsMenu h2 a:hover{color:#FFC280;}
#Segment04 #ContentsMenu h2 a:hover{color:#6AC899;}
#Segment01 #ContentsMenu h2 a:active{color:#79AEFF;}
#Segment02 #ContentsMenu h2 a:active{color:#7A8CC9;}
#Segment03 #ContentsMenu h2 a:active{color:#FFC280;}
#Segment04 #ContentsMenu h2 a:active{color:#6AC899;}
#ContentsMenu ul li a{text-decoration:none;}
#ContentsMenu ul li a:link{ color:#999;}
#ContentsMenu ul li a:visited{ color:#999;}
#ContentsMenu ul li a:hover{ color:#5C73B4;}
#ContentsMenu ul li a:active{ color:#5C73B4;}
#ContentsMenu ul ul{
margin-left:-25px;
}
* html #ContentsMenu ul ul{
margin-left:20px;
}

#Segment01 #ContentsMenu ul li a:hover,#Segment01 #ContentsMenu ul li a:active{color:#0066FF;}
#Segment02 #ContentsMenu ul li a:hover,#Segment02 #ContentsMenu ul li a:active{color:#3D5197;}
#Segment03 #ContentsMenu ul li a:hover,#Segment03 #ContentsMenu ul li a:active{color:#FFA03A;}
#Segment04 #ContentsMenu ul li a:hover,#Segment04 #ContentsMenu ul li a:active{color:#40AB76;}

/* ContentsMenu End */


.carender{
margin:0 0 20px 8px;
}
.pickup{
margin:0 0 5px 8px;
}
.pickup2{
text-align:center;
margin:15px 0 15px 0;
}

.page_item{
margin:8px 0;
font-size:110%;
}
/* BodyArea End */


/* ContentArea Start */
#lRightChank{
width:553px;
margin-bottom:20px;
}

#lRightChank .lRightChank01 .DocumentsTitle h3{
margin:10px 0 10px 12px;
padding-left:13px;
font-size:130%;
background-image:url(subTitleIco01.gif);
background-repeat:no-repeat;
background-position:left;
color:#3D5197;
font-weight:bold;
}

#Segment01 #lRightChank .lRightChank01 .DocumentsTitle h3{
background-image:url(subTitleIco01.gif);
color:#0066FF;
}
#Segment02 #lRightChank .lRightChank01 .DocumentsTitle h3{
background-image:url(subTitleIco02.gif);
color:#3D5197;
}
#Segment03 #lRightChank .lRightChank01 .DocumentsTitle h3{
background-image:url(subTitleIco03.gif);
color:#FFA03A;
}
#Segment04 #lRightChank .lRightChank01 .DocumentsTitle h3{
background-image:url(subTitleIco04.gif);
color:#40AB76;
}
#lRightChank .lRightChank01 .DocumentsArea{
margin:13px 10px 30px 13px;
}


#lRightChank .lRightChank01 .DocumentsTitle h4{
margin:10px 0 10px 23px;
padding-left:13px;
font-size:120%;
background-image:url(subTitleIco01.gif);
background-repeat:no-repeat;
background-position:left;
}
#Segment01 #lRightChank .lRightChank01 .DocumentsTitle h4{
background-image:url(subTitleIco01.gif);
color:#0066FF;
}
#Segment02 #lRightChank .lRightChank01 .DocumentsTitle h4{
background-image:url(subTitleIco02.gif);
color:#3D5197;
}
#Segment03 #lRightChank .lRightChank01 .DocumentsTitle h4{
background-image:url(subTitleIco03.gif);
color:#FFA03A;
}
#Segment04 #lRightChank .lRightChank01 .DocumentsTitle h4{
background-image:url(subTitleIco04.gif);
color:#40AB76;
}
#lRightChank .lRightChank01 .DocumentsAreaChild{
margin:13px 10px 30px 25px;
}

#lRightChank .lRightChank01 .DocumentsAreaCank{
margin:1 2px 40px 2px;
padding:1px 1px 1px 11px;
border-left:5px solid #5B6CAC;
border-right:5px solid #5B6CAC;
}
/* ContentArea Start */

/* FooterArea Start */
#FooterHr{
clear:both;
background-image:url(footer_background001.gif);
background-repeat:repeat-x;
}
#FooterArea{
text-align:center;
}
#FooterArea .FooterText li{
display:inline;
margin-left:6px;
}
#FooterArea .FooterText li a.sp{background:url(head_separator_line.gif) no-repeat; padding-left:10px;}
#FooterArea .FooterText a{text-decoration:none;}
#FooterArea .FooterText li a:link{ color:#666;}
#FooterArea .FooterText li a:hover{ color:#666; text-decoration:underline;}
#FooterArea .FooterText li a:active{ color:#666;}
#FooterArea .FooterText li a:visited{ color:#666;}
#FooterArea .Copyright{color:#666; margin-top:5px;}
/* FooterArea End */

/* MapArea Start */
#MapArea{
margin:10px;
}
#Map{
padding:2px;
border:solid 1px #ccc;
width:500px;
}
#MapArea dl{
border:solid 1px #ccc;
width:494px;
padding:5px;
}
#MapArea dt{
float:left;
width:100px;
padding-left:10px;
font-weight:bold;
}
#MapArea dd{
border-left:solid 1px #ccc;
margin-left:120px;
padding-left:10px;
}
/* MapArea End */

/*************************
* TableDesign 01 [Start] 
**************************
* �g�p�y�[�W
*  - ��ЊT�v
*************************/
.tableDesign01{
margin:10px 0;
}
.tableDesign01 table{
width:550px;
margin:5px 0;
}
.tableDesign01 td{
padding:0 20px;
}
.tableDesign01 .tdtitle{
padding:0 20px 0 0;
width:100px;
text-align:right;

background-image:url(bg_table_dot_gray.gif);
background-position:right;
background-repeat:repeat-y;
}
.tableDesign01 .tdCenter{
width:170px;
}
/***************************/


/*************************
* TableDesign 02 [Start] 
**************************
* �g�p�y�[�W
*  - �s�n�o���b�Z�[�W
*************************/
.tableDesign02{
width:550px;
}
.tableDesign02 .left{
width:360px;
}
.tableDesign02 .right{
width:190px;
text-align:center;
}
/***************************/


/*************************
* TableDesign 03 [Start] 
**************************
* �g�p�y�[�W
*  - ���v
*************************/
.tableDesign03{
margin:10px 0;
}
.tableDesign03 table{
width:550px;
margin:5px 0;
}
.tableDesign03 td{
padding:0 5px;
}
.tableDesign03 .tdtitle{
padding:0 10px 0 0;
width:80px;
text-align:right;
background-image:url(bg_table_dot_gray.gif);
background-position:right;
background-repeat:repeat-y;
}
/***************************/


/*************************
* TableDesign 04 [Start] 
**************************
* �g�p�y�[�W
*  - �x�X�ꗗ
*************************/
.tableDesign04{
margin:10px 0;
}
.tableDesign04 table{
width:540px;
margin:5px;
border:1px solid #ccc;
padding:5px;
}
.tableDesign04 td{
padding:0 10px;
}
.tableDesign04 .tdtitle{
padding:0 10px 0 0;
width:80px;
text-align:right;

background-image:url(bg_table_dot_gray.gif);
background-position:right;
background-repeat:repeat-y;
}
.tableDesign04 .tdCenter{
width:330px;
}
/***************************/


/*************************
* TableDesign 05 [Start] 
**************************
* �g�p�y�[�W
*  - ��Џ��~���[�y�[�W
*************************/
.tableDesign05{
margin:10px 0;
}
.tableDesign05 table{
width:540px;
}
.tableDesign05 table tr td{
width:243px;
vertical-align:top;
}
.tableDesign05 .text{
padding:14px;
font-size:120%;
}
/***************************/


/*************************
* DivDesign 01 [Start] 
**************************
* �g�p�y�[�W
*  - ��Ɨ��O
*************************/
.DivDesign01{
width:550px;
}
.DivDesign01 .Div01title{
width:360px;
}
.DivDesign01 .right{
width:190px;
}
/*************************/


/**************************
* �o�}�[�N�p
***************************
* �g�p�y�[�W
*  - �l���ی��j
**************************/
.p-mark{
width:420px;
text-align:center;
border:1px solid #ccc;
padding:20px;
margin:30px 0 0 50px;
}
.p-mark td{
text-align:left;
padding:0 10px;
}
/************************/


/**************************
* �j���[�X�{��
***************************
* �g�p�y�[�W
*  - �l���ی��j
**************************/
#news_body{
width:535px;
margin:0 10px;
font-size:120%;
line-height:1.7em;
}
#news_body h3{
font-size:150%;
font-weight:bold;
}
/************************/


/*************************
* ��{�t�H�[�}�b�g
**************************
* �g�p�y�[�W
*
*************************/
.textformat01{
padding:10px;
font-size:120%;
line-height:1.7em;
}


/************************
*�@�p�[�c
*************************
*
************************/
.underline{
padding-bottom:7px;
background-image:url(hr_dot_gray.gif);
background-position:bottom;
background-repeat:no-repeat;
}
.qa{
/*vertical-align:text-bottom;*/
margin-top:4px;
margin-right:5px;
}
.imgleft{
float:left;
margin-right:20px;
}
.m10{
margin-top:10px;
}