@charset "utf-8";

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

Style Name: style.css
Since:      2007-09-01
Modified:   2008-01-23
Version:    1.0
Auther:     Toshio Nagasaka

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

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

browser style clear

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

* {
	margin: 0;
	padding: 0;
	background: transparent;
}

html {
	height: 100%;
	overflow-y: scroll;
}

ul,li,dl,dt,dd{
	list-style:none;
}
img{
	vertical-align: top;
}
a img{
	border: none;
}
a{
	text-decoration: underline;
}
a:link{
	color: #01349d;
}
a:visited{
	color: #5D4136;
}
a:hover{
	color: #238A00;
	text-decoration: none;
}
a:active{
	color: #01349d;
}

a.transmit img {
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	}

a.transmit:hover img {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	}

body {
	background:url(img/bg.gif) repeat-y center;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", meiryo, "ＭＳ Ｐゴシック" ,sans-serif;
	font-color: #000000;
	font-size: 14px;
	*font-size: normal;
	font-style: normal;
	font-weight: normal;
	line-height: 1.5;
	border-top:10px solid #000;
}

h1,h2,h3,h4,h5,h6 {
	margin:0;
	padding:0;
	font-size: 100%;
}

p {
	margin: 0 0 1em 0;
}

select option {
	padding: 0 5px;
}


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

wireframe

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

div#header {
	width: 900px;
	margin: 0 auto 10px auto;
	text-align:left;
}


div#wrapper {
	margin: 20px auto;
	padding:0;
	width: 900px;
	text-align: center;
}


div#mainContent {	
	float:left;
	width: 640px;
	text-align:left;
}

div#secondly {	
	float:right;
	width: 250px;
	min-height:300px;
	text-align:left;
}

div#footer {	
	border-bottom:5px solid #228B00;
	margin: 20px auto;
	padding:10px 0;
	clear:both;
	width: 900px;
	text-align:center;
}

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

header

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

#logo {
	float:left;
	}

#tagline {
	margin:0 auto;
	width:900px;
	margin-bottom:-20px;
	text-align:right;
	font-size:11px;
	}

#header ul {
	float:left;
	position:relative;
	top:90px;
	left:0px;
	margin-left:20px;
	}

#header ul li {
	float:left;
	margin-left:0;
}


/* ------------------------------------------
globalNavigation
------------------------------------------*/

#globalNavigation {
	clear:both;
	margin:0 auto;
	width:900px;
	height:30px;
	background:#000000 url(img/gn_bg.gif) repeat-x;
	}

#globalNavigation li {
	display:block;
	float:left;
	height:30px;
	background:url(img/gn_li_bg.gif) right top repeat-y;
	list-style-type:none;
	}

#globalNavigation li a {
	display:block;
	}

#globalNavigation li a:hover,
#globalNavigation li a:focus{
	background:#5f626a;
	}

	
/* ------------------------------------------
トップページ用
------------------------------------------*/

div.contentsline {
	clear:both;
	}

div.contentsline a {
	text-decoration:none;
	}


div#collectionarea {
	width:100%;
	}

div.boxleft {
	float:left;
	width:310px;
/*	margin-right:20px;*/
	}

/*
div.boxleft h3 {
	border-left:5px solid #000;
	padding-left:10px;
	margin-bottom:10px;
	}

div.boxleft img{
	float:left;
	margin-right:10px;
	}
*/


div.boxright {
	float:left;
	width:310px;
	}

/*
div.boxright img{
	float:left;
	margin-right:10px;
	}
div.boxright h3 {
	border-left:5px solid #000;
	padding-left:10px;
	margin-bottom:10px;
	}
*/
	

/* ------------------------------------------
オヤジコレクション用
------------------------------------------*/

div#lead {
	margin-top:-20px;
	padding:0 20px;
	margin-bottom:20px;
	}
	
div#lead p {
	font-size:12px;
	color:#666;
	}

div.boxleft_collection {
	float:left;
	width:270px;
	}
div.boxleft_collection p{
	font-size: 12px;
	*font-size: small;
	}
div#profile {
	clear:both;
	width:270px;
	background-color:#eee;
	}
div#profile h3 {
	border-left:5px solid #000;
	padding:10px 0 0 10px;
	margin:0 0 5px 5px;
	}
div#profile p {
	padding:0.5em;
	margin:0;
	}

div.boxright_collection {
	float:right;
	width:340px;
	}
div.boxright_collection h4 {
	color:#c30000;
	padding-left:15px;
	margin-bottom:10px;
	background-image:url(img/boxright_collection_h4_bg.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	}

div#impression {
	clear:both;
	width:620px;
	background-color:#fff;
	padding:10px;
	margin-top:20px;
	}

div#impression p {
	padding:10px 0 0 95px;
	}
	
div#impression .s {
	float:right;
	margin-left:5px;
	}

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

ワールド！！お洒落オヤジコレクション

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

.wcollection {
	background:#efefef;
	padding:5px;
	margin-bottom:10px;
	}
div.boxleft_wcollection {
	float:left;
	width:340px;
	}
div.boxright_wcollection {
	float:right;
	width:270px;
	}
div.boxright_wcollection h4 {
	color:#c30000;
	margin-bottom:10px;
	background-position:left center;
	background-repeat:no-repeat;
	}

div#attach {
	clear:both;
	width:100%;
	padding-top:1em;
	}

div#attach img {
	float:left;
	margin-right:5px;
	}


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

nav

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


div#pankuzu p{
	margin-top:-25px;
	margin-bottom:0;
	}


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

secondly

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

div#secondly img{
	margin-bottom:10px;
}	

div#secondly ul {
	width: 200px;
	margin: 0 auto;
	}

div#secondly ul li {
	margin-bottom:10px;
}

div#secondly .ad {
	margin-bottom:20px;
	}

div#secondly .bn dt {
	float:left;
	margin-right:10px;
	}

div#secondly .bn dd {
	font-size:90%;
	margin-bottom:10px;
	height:156px;
	}


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

mainContent

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

div#mainContent p{	
	line-height:1.5;
	color:#333;
}

div#mainContent h2{	
	margin-bottom:20px;
}
div#mainContent h2 a img{	
	border:5px solid #333;
}
div#mainContent h2 a:hover img{	
	border:5px solid #ccc;
}

div#mainContent dl {
	margin-left:20px;
	}
	
div#mainContent dt {
	float:left;
	color:#63A208;
	font-weight:bold;
	}

div#mainContent dd {
	margin-left:6em;
	}

.left {
	float:left;
	margin:0 20px 20px 0;
	}
	

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

footer

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

div#footer p {	
	color:#333333;
	font-size:smaller;
	padding-right:10px;
}

div#footer #copyright {
	margin:0 auto;
	clear:both;
	text-align:center;
	}