@charset "utf-8";
/*
Theme Name: 5LINKS 2009
Theme URI: http://5links.jp
Description: 5LINKS ウェブサイト用システム
Version: 1.0
Author: Ayato Kimura
Author URI: http://mabataki.cc
Tags: 5links 

*/



/* Begin Typography & Colors */
::selection {background:#FFFF00; color:#000;}
::-moz-selection{background:#FFFF00; color:#000;}

body {font-size: 10pt;color: #333;background:#EEE url(null) fixed;text-align: center; line-height:150%; font-family:"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;}
form input, form textarea{font-size:10pt; color:#333; line-height:150%; font-family:"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;}
p{margin:0 0 5px 0; padding:0;}
h2{font-size:14pt; font-weight:bold; margin:0; padding:0; line-height:140%;}
h3{font-size:12pt; font-weight:bold; margin:0 0 15px 0; padding: 0; line-height:140%;}

#page {text-align: left;}
.news, h3 {border-bottom:#CCC solid 1px;}
.contact {border-bottom:#CCC dotted 1px;}
.date {color:#666;}
.update{color:#666; font-size:9pt; padding:30px 20px 10px 0; text-align:right; clear:both;}
.contact{padding:0; margin:0 0 10px;}
.pright {text-align:right; padding:10px 20px 0 0;}
.footer {text-align:center; font-size:9pt; color:#999; padding:40px 0;}

a, a:visited{ color:#333; text-decoration:none;}
a:hover { color:#000; text-decoration:none; background-color:#FFFF00;}

/* End Typography & Colors */



/* Begin Structure */
body {margin:0;padding:0;}

#page {margin: 0 auto; padding:0; width:910px;}
#menu {width:40px; height:480px; z-index:10; position:fixed !important; position: absolute; left:0; top:30px;}
#content, #content2 { margin:15px 0 0 0; padding:15px; background:#fff;}
#content2{min-height:400px; height:auto !important; height:400px;}
#inner, #inner2{float:right; width:600px; padding:0 0 15px 0; margin:0;}
#inner2{padding:45px 0 15px 0;}
#posttitle{float:left; width:230px;}

.clear {clear: both;}

#clear {clear:both; margin:0; padding:0;}
#footer {margin: 0 auto;clear: both; padding:50px 40px 50px 50px;}
/* End Structure */

/* -------------------------- IE6 向け----------------------------- */  
* html ,  
* html body { height: 100%; overflow-y: hidden; overflow-x: auto;}  
* html #wrap { overflow: auto; position: relative; width: 100%; height: 100%;}  


/* ロールオーバー */

#menu1 a, #menu1 a:visited, #menu2 a, #menu2 a:visited, #menu3 a, #menu3 a:visited, #menu4 a, #menu4 a:visited, #menu5 a, #menu5 a:visited, #menu6 a, #menu6 a:visited{ display:block; width:40px; text-decoration:none;}
#menu1 a:hover, #menu2 a:hover, #menu3 a:hover, #menu4 a:hover, #menu5 a:hover, #menu6 a:hover{text-decoration:none;}
#menu1 a, #menu1 a:visited{ background:url(images/menu/1.gif) no-repeat left; height:61px;}
#menu2 a, #menu2 a:visited{ background:url(images/menu/2.gif) no-repeat left; height:47px;}
#menu3 a, #menu3 a:visited{ background:url(images/menu/3.gif) no-repeat left; height:109px;}
#menu4 a, #menu4 a:visited{ background:url(images/menu/4.gif) no-repeat left; height:74px;}
#menu5 a, #menu5 a:visited{ background:url(images/menu/5.gif) no-repeat left; height:97px;}
#menu6 a, #menu6 a:visited{ background:url(images/menu/6.gif) no-repeat left; height:92px;}
#menu1 a:hover{ background:url(images/menu/1_on.gif) no-repeat left;}
#menu2 a:hover{ background:url(images/menu/2_on.gif) no-repeat left;}
#menu3 a:hover{ background:url(images/menu/3_on.gif) no-repeat left;}
#menu4 a:hover{ background:url(images/menu/4_on.gif) no-repeat left;}
#menu5 a:hover{ background:url(images/menu/5_on.gif) no-repeat left;}
#menu6 a:hover{ background:url(images/menu/6_on.gif) no-repeat left;}
#menu1{ background:url(images/menu/1_on.gif) no-repeat left;}
#menu2{ background:url(images/menu/2_on.gif) no-repeat left;}
#menu3{ background:url(images/menu/3_on.gif) no-repeat left;}
#menu4{ background:url(images/menu/4_on.gif) no-repeat left;}
#menu5{ background:url(images/menu/5_on.gif) no-repeat left;}
#menu6{ background:url(images/menu/6_on.gif) no-repeat left;}


/*ページナビ*/
.tablenav {color:#666; background:white; line-height:2em; text-align:left; padding:30px 0 5px 0;}
a.page-numbers, .tablenav .current {color: #666; padding: 0 2px; text-decoration:none; font-size:9pt;}
a.page-numbers:hover {color:#000; background: #FFFF00;}
.tablenav .current {color:#000; font-weight:bold:}
.tablenav .next, .tablenav .prev {border:0 none; text-decoration:none;}


/* Begin Images */
p img{max-width: 600px; max-height:700px; background:none; padding:0; border:0;}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {display: block;margin:0 auto;}
.alignnone {display: inline; margin:0; padding:0;}
.aligncenter {display: block;margin:0 auto; padding:0;}
.alignright {float: right; padding:0 0 10px 10px; margin:0; display:block;}
.alignleft {float: left; padding:0 10px 10px 0; margin:0; display:block;}
.alignright, .alignleft{top:0;}
/* End Images */







/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */