/*
Theme Name: northerncross2008
Theme URI: http://www.northerncross.co.jp
Description: northerncross's homepage.
Author: notherncross inc. Sapporo,Japan.+81-11-232-3661
*/

/* =Common01
-------------------------------------------------*/
html, body{
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
margin:0;
padding: 0;
}

body {
background-image:url(imgs/bg.gif);
background-position:top;
background-repeat:repeat-x;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Arial, Helvetica, sans-serif;
font-size:13px;
}
a img { border:none;}
a:hover img {border:none;}
a:visited img {border:none;}

td {
margin:0;
padding:4px 4px 7px 4px;
vertical-align:top;
}

hr {
margin:0;
padding:10px 0 0 0;
color:#ffffff;
height: 2px;
border:none;
border-top: 2px #999999 dotted;
}



/* =Layout 
-------------------------------------------------*/
/*-TOP PAGE ----*/
/*-IE6ハック ----*/
*html body div#wrapper {
position:absolute;
top:0;
margin: 8px 25% 0 10%;
padding:0;
width:800px;
}

div#wrapper {
width:800px;
margin: 8px auto 0 auto;
padding:0;
border-left:1px #999999 solid;
border-right:1px #999999 solid;
}

div#container {
position:absolute;
top:0;
left:auto;
margin: 0;
padding:0;
width:798px;
}

/*-IE6ハック ----*/
*html body div#main {
float:right;
margin:0 -25px 0 0;
padding:20px 20px 10px 0;
width:256px;
}
div#main {
float:right;
margin:0;
padding:30px 20px 10px 10px;
width:256px;
}

/*-IE6ハック ----*/
*html body div#link {
float:left;
position:absolute;
top:0;
margin:0 0 0 15px;
padding:30px 0 0 0px;
width:497px;
}

div#link {
float:left;
margin:0;
padding:30px 0 0 13px;
width:497px;
}

/*-IE6ハック ----*/
*html body div#link1 {
position:absolute;
top:0;
left:0;
width:490x;
margin:25px 0 0 0;
padding:0 auto 0 auto;
text-align:left;
}
div#link1 {
width:484x;
margin:0 0 0 0;
padding:0 auto 0 auto;
text-align:left;
}

/*-IE6ハック ----*/
*html body div#link2 {
position:absolute;
top:550px;
left:0;
width:484x;
margin:-20px 0 13px  0;
pading: 0 auto 0auto;
}
div#link2 {
width:484x;
margin:0 0 13px  0;
pading: 0 auto 0auto;
}
/*-IE6ハック ----*/
*html body div#link21 {
float:left;
left:0;
width:155px;
height:275px;
margin:0 2px 0 0;
padding:0 0 4px 0;
background-image:url(imgs/toplink.jpg);
background-position:top;
background-repeat:no-repeat;
}

div#link21 {
float:left;
left:0;
width:155px;
height:275px;
margin:0 6px 0 0;
padding:0 4px 4px 0;
background-image:url(imgs/toplink.jpg);
background-position:top;
background-repeat:no-repeat;
}

/*-IE6ハック ----*/
*html body div#link22 {
float:left;
left:210px;
width:155px;
height:275px;
margin:0 2px 0 5px;
padding:0 0 4px 0;
background-image:url(imgs/toplink.jpg);
background-position:top;
background-repeat:no-repeat;
}

div#link22 {
float:left;
left:168px;
width:155px;
height:275px;
margin:0 6px 0 0;
padding:0 4px 4px 0;
background-image:url(imgs/toplink.jpg);
background-position:top;
background-repeat:no-repeat;
}

/*-IE6ハック ----*/
*html body div#link23 {
float:left;
position:absolute;
left:325px;
width:155px;
height:275px;
margin:0 0 0 8px;
padding:0 0 4px 0;
background-image:url(imgs/toplink.jpg);
background-position:top;
background-repeat:no-repeat;
}

div#link23 {
float:left;
left:336px;
width:155px;
height:275px;
margin:0 0 0 0;
padding:0 4px 4px 0;
background-image:url(imgs/toplink.jpg);
background-position:top;
background-repeat:no-repeat;
}
div#link3 {
width:484x;
margin:0;
padding:0 auto 13 auto;
}

/*-IE6ハック ----*/
*html body div#footer {
position:relative;
top:0;
left:0;
width:800px;
}
iframe {
margin:0 0 10px 0;
}

div#footer {
margin:30px 0 0 0;
padding: 0;
width:800px;
}


/*-INFO PAGE Single ----*/
/*-footerはTOPと共通 ----*/
#wrap {
margin: 0;
padding:0;
width:798px;
height:auto;
}

#header {
width:800px;
height:98px;
margin:0;
padding:0;
background-image:url(imgs/infohead.gif);
background-position:top;
background-repeat:no-repeat;
}

*html body #maini {
float:left;
margin:0;
padding:0;
width:580px;
}
*html body #side {
position:absolute;
top:98px;
left:560px;
float:right;
margin:0 5px 30px 0;
padding:0;
width:208px;
}

#maini {
float:left;
margin:0 0 30px 0;
padding:0;
width:560px;
}


#side {
float:right;
margin:0 6px 0 6px;
padding:0;
width:208px;
}



/*-STAFF PAGE ----*/




/* =TOPのMAIN
-------------------------------------------------*/

/*-MAINのサイトタイトル ----*/
div#main h1 {
width:256px;
margin:0 0 22px 0;
padding:0;
}

/*-MAINの新着情報リスト ----*/

/*-Firefoxハック ----*/
div#maininfo, x:-moz-any-link{
width:256px;
margin:0 0 0 0 ;
padding:0;
background-image:url(imgs/topinfotab.gif);
background-position:top -15px;
background-repeat:no-repeat;
} 

div#maininfo {
width:256px;
margin:0 0 0 0 ;
padding:0;
background-image:url(imgs/topinfotab.gif);
background-position:top 0px;
background-repeat:no-repeat;
}


div.infolist {
width:197px;
margin:11px 26px 10px 47px;
border-bottom:1px solid #999999;
}
div.infodate {
margin:0 0 8px 0;
padding:0;
color:#333333;
font-weight:normal;
font-size:11px;
}
div#maininfo h2 {
margin:0;
padding:0;
color:#333333;
font-weight:normal;
font-size:14px;
}
div#maininfo h2 a {
color:#333333;
text-decoration:none;
}
div#maininfo h2 a:hover {
color:#FFCC00;
}
div#maininfo h2 a:visited {
color:#333333;
}

/*-MAINの書籍紹介などLINK ----*/

div#mainlink {
width:270px;
margin:0;
padding:0;
}
div.topbooklist {
margin:5px 15px 2px 5px;
padding:0;
height:24px;
border-left:1px #999999 solid;
border-bottom: 1px #999999 solid;
}
div.topbooklist a {
margin:2px 2px 6px 6px;
padding:2px 0 0px 10px; 
color:#333333;
height:16px;
font-size:14px;
text-decoration:none;
}
div.topbooklist a:hover {
color:#FF6600;
}

div.linkbnr img a {
width:251px;
margin:13px 0 0 3px;
padding:0;
}
div.linkbnr img a:hover {
opacity:0.8;
	filter: alpha(opacity=80);
}

/* =TOPのLINK1
-------------------------------------------------*/
#link1 img {
border:none;
padding:0 0 20px 0;
}
#link1 img a {
border:none;
}


/* =TOPのLINK2
-------------------------------------------------*/


/*-タイトルタブの関係 ----*/

/*-IE6ハック ----*/
*html body div.link2t {
width:160px;
top:0;
left:-2px;
height:20px;
margin:0 -5px 0 0;
padding:5px 0 0 0 ;
text-align:center;
color:#ffffff;
font-size:17px;
font-weight:bold;
letter-spacing:1px;
}
div.link2t {
width:155px;
top:0;
height:20px;
margin:0;
padding:5px 0 0 0 ;
text-align:center;
color:#ffffff;
font-size:17px;
font-weight:bold;
letter-spacing:1px;
}

/*-リンクのある部分サイズなど ----*/

/*-IE6ハック ----*/
*html body div#link21c {
float:left;
top:0px;
left:0;
margin:0;
padding:0.3em 3px 0.3em 4px;
width:160px;
height:235px;
border:#777777 2px solid;
overflow:hidden;
}
div#link21c {
float:left;
top:0px;
left:0;
margin:0;
padding:0.3em 3px 0.3em 4px;
width:148px;
height:235px;
border:#777777 2px solid;
overflow:hidden;
}

/*-IE6ハック ----*/
*html body div#link22c {
float:left;
top:0px;
left:160px;
margin:0;
padding:0.3em 3px 0.3em 4px;
width:160px;
height:235px;

border:#777777 2px solid;
overflow:hidden;
}
div#link22c {
float:left;
top:0px;
left:168px;
margin:0;
padding:0.3em 3px 0.3em 4px;
width:148px;
height:235px;
border:#777777 2px solid;
overflow:hidden;
}

/*-IE6ハック ----*/
*html body div#link23c {
float:left;
position:relative;
top:0px;
left:0;
margin:0;
padding:0.3em 3px 0.3em 4px;
width:160px;
height:235px;
border:#777777 2px solid;
overflow:hidden;
}
div#link23c {
float:left;
top:0px;
left:336px;
margin:0;
padding:0.3em 3px 0.3em 4px;
width:148px;
height:235px;
border:#777777 2px solid;
overflow:hidden;
}

/*-リンク関係 ----*/

div.link2c {
margin:0;
padding:1em 0 0 0;
line-height:1.2;
}

div.link2c a {
color:#3366FF;
font-size:13px;
text-decoration:none;
}

div.link2c a:hover {
color:#FFCC33;
}
div.link2c a:visited {
color:#3366FF;
}

/* =INFORMATION Single
-------------------------------------------------*/

#header p {
position:relative;
top:10px;
left:613px;
font-size:9px;
font-weight:normal;
color:#000000;
}

#header h1 {
position:relative;
top:13px;
left:613px;
font-size:12px;
font-weight:normal;
color:#000000;
letter-spacing:1px;
}
#header h1 a {
font-weight:normal;
color:#000000;
text-decoration:none;
}
#header h1 a:hover {
font-weight:normal;
color:#000000;
}
#header h1 a:visited {
font-weight:normal;
color:#000000;
}

#maintitle {
position:relative;
top:0;
left:0;
margin:0 0 20px 13px;
padding:0 0 0 0;
width:580px;
height:42px;
background-image:url(imgs/info-h2icon.gif);
background-position:left;
background-repeat:no-repeat;
}
#maintitle h2 {
position:relative;
margin:0 0 0 45px;
padding:0;
width:480px;
font-size:17px;
font-weight:normal;
color:#000000;
}

#maintitle #info01 {
position:relative;
margin:0 0 0 50px;
padding:0;
font-size:11px;
color:#666666;
} 
#maintitle #info01 a {
text-decoration:none;
color:#66cc00;
}
#maintitle #info01 a:hover {
text-decoration:none;
color:#00FF99;
}
#maintitle #info01 a:visited {
text-decoration:none;
color:#66cc00;
}

#post {
margin:0 27px 20px 60px;
padding:0;
width:450px;
line-height:1.4;
text-indent:0em;
text-align:left;
font-size:13px;
color:#333333;
}
#post p {
clear:both;
margin:0;
padding:0 0 1.5em 0;
}
#post img.right {
float:right;
margin:1px 0 0 6px;
padding:0;
}
#post img.left {
float:left;
margin:1px 6px 0 0;
padding:0;
}

#post a {
text-decoration:none;
color:#000000;
border-bottom:1px dotted #000000;
}

#post a:hover {
text-decoration:none;
color:#669999;
border-bottom:1px dotted #669999;
}

#post a img{
text-decoration:none;
border:none;
}

#post div.intro {
margin:0 0 20px 0;
padding:7px;
background-color:#FFFF99;
color:#000000;
}

#writer {
margin:0 22px 10px 400px;
padding:3px 0 0 8px ;
background-image:url(imgs/info-ssqr.gif);
background-repeat:no-repeat;
background-position:left;
}


/* ----- アーカイブページ --------*/
#maintitle h3 {
margin:0 0 0 45px;
padding:0;
width:480px;
font-size:15px;
font-weight:bold;
color:#000000;
}

#arclist {
margin:0 0 0 45px;
padding:0;
width:480px;
}
#arclist{
}
#pagechange {
margin:25px 0 25px 0;
padding:0;
width:480px;
text-align:right;
}

div.datelist {
margin:0 0 0 0;
padding:0 0 1.1em 10px;
width:470px;
}
div.datelist a {
color:#666666;
text-decoration:none;
}
div.datelist a:hover {
color:#666666;
text-decoration:underline;
}
div.datelist a:visited {
color:#666666;
text-decoration:none;
}
div.datedate {
margin:0 0 0 0;
padding:0 0 0 0;
color:#666666;
}
div.datelist h4 {
margin:0 0 0 0;
padding:0;
color:#0066CC;
font-weight:bold;
font-size:14px;
letter-spacing:1px;
}
div.datelist h4 a {color:#0066CC; text-decoration:none;}
div.datelist h4 a:visited {color:#0066cc;}
div.datelist h4 a:hover {color:#99CCFF; text-decoration:none; border-bottom:#0066CC dotted 1px; }


/* =PAGES ABOUT
-------------------------------------------------*/

#header01 {
width:800px;
height:78px;
margin:0;
padding:0;
background-image:url(imgs/abouthead.gif);
background-position:top;
background-repeat:no-repeat;
}

#header01 p {
position:relative;
top:10px;
left:613px;
font-size:9px;
font-weight:normal;
color:#000000;
}

#header01 h1 {
position:relative;
top:13px;
left:613px;
font-size:12px;
font-weight:normal;
color:#000000;
letter-spacing:1px;
}
#header01 h1 a {
font-weight:normal;
color:#000000;
text-decoration:none;
}
#header01 h1 a:hover {
font-weight:normal;
color:#000000;
}
#header01 h1 a:visited {
font-weight:normal;
color:#000000;
}

#post01 {
clear:both;
margin:10px 27px 20px 45px;
padding:0;
width:400px;
line-height:1.4;
text-indent:0em;
text-align:left;
font-size:13px;
color:#666666;
}
#post01 h2 {
margin:0;
padding:0;
font-size:30px;
font-weight:bold;
color:#c9c9c9;
letter-spacing:2px;
}
#post01 h3 {
margin:1em 0 0 0;
padding:0;
color:#FF9900;
}


#post01 p {
margin:0;
padding:0 0 1.5em 0;
}
#post01 img {
float:right;
margin:0 0 0 6px;
padding:0;
}

#post01 a {
text-decoration:none;
color:#000000;
}
#post01 ul {
margin:0 0 0 15px;
padding:0;
}
#post01 ul li {
margin:0 0 4px 0;
padding:0;
line-height:1.3;
}

table.post01 {
margin:0;
padding:4px;
border:1px #999999 solid;
}

p#bread {
margin:0 ;
padding:0 0 10px 4.5em;
}
p#bread a {color:#000000;}
p#bread a:hover {color:#999999;}
p#bread a:active {color:#999999;}
p#bread a:visited {color:#000000;}



/* =PAGES THIS SITE
-------------------------------------------------*/

#header02 {
width:800px;
height:78px;
margin:0;
padding:0;
background-image:url(imgs/infohead02.gif);
background-position:top;
background-repeat:no-repeat;
}

#header02 p {
position:relative;
top:10px;
left:613px;
font-size:9px;
font-weight:normal;
color:#000000;
}

#header02 h1 {
position:relative;
top:13px;
left:613px;
font-size:12px;
font-weight:normal;
color:#000000;
letter-spacing:1px;
}
#header02 h1 a {
font-weight:normal;
color:#000000;
text-decoration:none;
}
#header02 h1 a:hover {
font-weight:normal;
color:#000000;
}
#header02 h1 a:visited {
font-weight:normal;
color:#000000;
}

/* =PAGES BOOK
-------------------------------------------------*/

#header03 {
width:800px;
height:78px;
margin:0;
padding:0;
background-image:url(imgs/infohead03.gif);
background-position:top;
background-repeat:no-repeat;
}

#header03 p {
position:relative;
top:10px;
left:613px;
font-size:9px;
font-weight:normal;
color:#000000;
}

#header03 h1 {
position:relative;
top:13px;
left:613px;
font-size:12px;
font-weight:normal;
color:#000000;
letter-spacing:1px;
}
#header03 h1 a {
font-weight:normal;
color:#000000;
text-decoration:none;
}
#header03 h1 a:hover {
font-weight:normal;
color:#000000;
}
#header03 h1 a:visited {
font-weight:normal;
color:#000000;
}

/* =PAGES STORE
-------------------------------------------------*/

#header04 {
width:800px;
height:78px;
margin:0;
padding:0;
background-image:url(imgs/infohead04.gif);
background-position:top;
background-repeat:no-repeat;
}

#header04 p {
position:relative;
top:10px;
left:613px;
font-size:9px;
font-weight:normal;
color:#000000;
}

#header04 h1 {
position:relative;
top:13px;
left:613px;
font-size:12px;
font-weight:normal;
color:#000000;
letter-spacing:1px;
}
#header04 h1 a {
font-weight:normal;
color:#000000;
text-decoration:none;
}
#header04 h1 a:hover {
font-weight:normal;
color:#000000;
}
#header04 h1 a:visited {
font-weight:normal;
color:#000000;
}

#post04 {
clear:both;
margin:0px 27px 20px 60px;
padding:0;
width:450px;
line-height:1.4;
text-indent:0em;
text-align:left;
font-size:14px;
color:#000000;
}

#post04 h2 {
margin:0;
padding:0;
font-size:30px;
font-weight:bold;
color:#c9c9c9;
letter-spacing:2px;
}
#post04 h3 {
margin:1em 0 0 0;
padding:0;
color:#FF6600;
}
#post04 h4 {
margin:5px 0 0.5em 0;
padding:2px 0 2px 2px;
font-size:16px;
background-image:url(../../../store/imgs/bgbook.jpg);
backgroud-repeat:no-repeat;
}

#post04 p {
margin:0;
padding:0 0 1.5em 0;
line-height:1.4;
}

#post04 strong {
color:#FF0000;
}

#post04 ul {
margin:0 0 0 0;
padding:0 0 0 1em;
}

#post04 li {
margin:5px 0 0 0;
padding:0 0 0 1em;
list-style:decimal;
}

#readmenu {
clear:both;
display:inline;
position:relative;
left:60px;
padding:0;
width:450px;
height:180px;
text-align:left;
color:#0099FF;
}

#readmenu ul {
float:left;
display:block;
width:200px;
margin:0;
padding:10px 0px 10px 70px;
}
#readmenu ul li {
margin:0 0 4px 5px;
padding:0 0 0 0;
line-height:1.3;
list-style:circle;
font-size:14px;
}
#readmenu ul li a {
color:#333333;
}
table.post04 {
margin:0;
padding:4px;
border:1px #999999 solid;
}

#post04.expbtn {
display:inline;
text-align:right;
}
p#bread {
margin:0 ;
padding:0 0 10px 4.5em;
}
p#bread a {color:#000000;}
p#bread a:hover {color:#999999;}
p#bread a:active {color:#999999;}
p#bread a:visited {color:#000000;}

div.topcolumn {
width:470px;
margin:0 0 10px 0;
padding:10px;
background-color:#FFFF66;

}


#post04.table {
width:480px;
margin:15px 0 0 0;
padding:0;
}

#post04 td.td01 {
margin:0;
padding:0;
width:100px;
}
#post04.table img.main {
width:100px;
}
#post04.table img.main a {
text-decoration:none;
}
#post04.table img.main a:hover {
}
#post04.table p{
margin:3px 5px 5pxpx 5px;
padding:0;
color:#333333;
}
#post04.td.td02 h6 {
color:#333300;
font-weight:bold;
font-size:15px;
}

div.ad {
height:19px;
margin:3px 0 2px 0;
padding:2px 0 1px 5px;
border-left:4px solid #6699FF;
color:#000000;
font-size:12px;
}

/* =SIDE MENU
-------------------------------------------------*/
ul#sidemenu {
margin:0 0 10px 0;
padding:15px 0 10px 0;
background-image:url(imgs/side03.jpg);
background-repeat:no-repeat;
}

#sidemenu li {
margin:0 0 10px 10px;
padding:2px 2px 5px 12px;
height:16px;
list-style:none;
}
#sidemenu ul ul {
margin:10px 0 10px 10px;
padding:15px 0 0 0;
}
#sidemenu ul li {
margin:10px 0 0 15px ;
padding:5px 0 0 7px;
height:25px;
color:#000000;
text-decoration:none;
list-style:none;
border:none;
list-style-image:url(imgs/info-strg.gif);
}
#sidemenu ul li a{
color:#000000;
text-decoration:none;
}

#sidemenu ul li:first-line a:hover {
text-decoration:underline;
}
#sidemenu ul li a:hover {
text-decoration:underline;
}
#sidemenu ul li a:visited{
color:#000000;
text-decoration:none;
}
/* =SIDE MENU STORE
-------------------------------------------------*/
ul#sidemenu04 {
margin:0 0 10px 0;
padding:15px 0 10px 0;
background-color:#FFCC33;
}



/* =FOOTER
-------------------------------------------------*/
*html body #topfootlink {
clear:both;
position:relative;
top:0;
width:800px;
margin:150px 0 0 0 ;
padding:0;
background-color:#bad4fc;
height:26px;
}
#topfootlink {
clear:both;
width:800px;
margin:0;
padding:0;
background-color:#bad4fc;
height:36px;
}

#topfootlink ul#tfl {
height:20px;
margin:0px 0 0 0;
padding:8px 20px 6px 20px;
}
#tfl li {
display:inline;
margin:0;
padding:0 10px 0 0;
font-size:13px;
list-style:none;
}

#tfl li a{
color:#000000;
text-decoration:none;
}
#tfl li a:hover {
color:#FF9900;
}
#tfl li a:visited {
color:#000000;
}

#copyrights {
height:13px;
color:#000000;
font-size:11px;
border-top:1px solid #333333;
border-bottom:1px solid #333333;
}

/* =Common
-------------------------------------------------*/
ul#list01 {
margin:8px 19px 14px 14px;
padding:0 0 0 0.8em;
font-size:12px;
color:#333333;
}
#list01 li {
margin:5px 0 0 0;
padding:0;
line-height:1.2;
list-style:url(imgs/info-strg.gif);
list-style-position:outside;
}
#list01 li:first-line {
display:none;
}
#list01 li a {
color:#370000;
text-decoration:none;
}
#list01 li a:hover {
color:#FF6600;
text-decoration:underline;
}
#list01 li a:visited {
color:#370000;
}
div#list02 {
margin:5px 0 10px 14px;
padding:0;
}
ul#list03 {
margin:5px 0 10px 14px;
padding:0 0 3px 0;
color:#666666;
}
#list03 li {
margin:2px 0 0.4em 10px;
padding:0;
list-style-image:url(imgs/info-strg.gif);
}
#list03 li a {
color:#370000;
text-decoration:none;
}
#list03 li a:hover {
color:#FF6600;
text-decoration:underline;
}
#list03 li a:visited {
color:#370000;
}
#list04 a {
color:#777777;
font-family:"Times New Roman", Times, serif,"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}

/* =cleafix　これを利用する
-------------------------------------------------*/
.clearfix:after {
content: ".";
display: block;
height:0;
clear:both;
visibility: hidden;
}
.clearfix: { display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* end hides from IE-mac \*/