/*
	ronzine.net
	style.css
*/
body {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;

/*	font-family: 'ＭＳ Ｐゴシック';*/
}

#bodyFrame {
	width:	960px;
	margin:	0 auto;
	text-align:	center;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}



/*
	header
*/
div.header {
	width:	960px;
	padding:	10px 0;
	overflow: hidden;
}

#logo {
	margin-top: 10px;
	width: 230px;
}

div.logo {
	float: left;
}

div.sky {
	float: left;
}



#body {
	width:	960px;
}

/*
	menu
*/
div.topMenu {
	width:	960px;
	background-color:	#f8f8f8;
	border-top:	1px solid #cccccc;
	border-left:	1px solid #cccccc;
	border-right:	1px solid #cccccc;
	clear: left;
}
div.botMenu {
	width:	960px;
	background-color:	#f8f8f8;
	border-left:	1px solid #cccccc;
	border-right:	1px solid #cccccc;
	border-bottom:	1px solid #cccccc;
	clear: left;
}
div.botMenuLine {
	width: 240px;
	float:	right;
	border-top:	1px solid #cccccc;
	
	*height:	0px;
}

div.arcModeMenu {
	background-color:	#fff;
	border-style:	none;
}


div.menu {
	padding:	10px 0;
	
	clear: left;
}






#colCenter {
	text-align:	center;/*ie*/

	float: left;
	width:	720px;
	_width:	700px;
	
	color:	#333;
}
#colRight {
	float: left;
	width:	240px;
	_width:	235px;
	
	color:	#333;
	
	_overflow:	hidden;
}

div.itemBack {
	padding:	10px;
	background-color:	#f8f8f8;
	border-left:	1px solid #cccccc;
	border-right:	1px solid #cccccc;
	min-height:	800px;
	_height:	800px;

	width:	 698px;
	_width:	 608px;
}
div.arcModeBack {
	background-color:	#f8f8ff;
	border-top:		1px solid #cccccc;
	border-bottom:	1px solid #cccccc;
}
div.searchModeBack {
	background-color:	#f8fff0;
	border-top:		1px solid #cccccc;
	border-bottom:	1px solid #cccccc;
}



table.main {
	width:	960px;
}

/*
	calendar
*/
div.calendarBack {
	position:	relative;
	left:	-1px;
	width:	213px;
	_width:	240px;
	
	padding:	10px 15px;
	_padding:	10px 0;

	border-top:		1px solid #cccccc;
}
div.arcModeCalendar {
	background-color:	#f8f8ff;
	border-style:	solid solid solid none;
	border-right:	1px solid #cccccc;
	border-bottom:	1px solid #cccccc;
}
div.searchModeCalendar {
	border-style:	none none solid none;
	border-bottom:	1px solid #cccccc;
}

div.calendarTitle {
	width:	200px;
	text-align:	center;
}

table.calendar {
	width:	200px;
}
table.calendar td {
	text-align:	center;
	border:	1px solid #ffffff;
}

table.calendar td a {
	display:	block;
	width:	100%;
	height:	100%;
	padding: 2px 0;
}


table.calendar td.prevMonth {
	background-color: #eeeeee;
}
	
table.calendar td.thisMonth {
	background-color: #e0e0e0;
}


table.calendar a:link,
table.calendar a:visited {
	color:	#333;
	text-decoration: none;
}
table.calendar a:hover {
	color:	#666;
	text-decoration: none;
}

table.calendar td.currentDate {
	background-color: #2457a1;
	_background-color: #fff;
}

table.calendar td.currentDate a {
	color: #fff;
}


table.calendar .week td {
	font-size:	11px;	
	text-align:	center;
}

table.calendar tr.triangle td {
	border:	0;
	padding:	0;
}

div.triangle {
	margin: 0 auto;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 10px solid #e0e0e0;
} 
* html div.triangle {/*ie6*/
	width:1px;
	height:10px;
	display: none;
}


div.today {
	background-color:	#e0e0e0;
	padding:	3px 0;
	text-align:	center;
	width:	200px;
}


/*
	search
*/
div.searchBack {
	position:	relative;
	left:	-1px;
	_left:	-1px;

	width:	212px;
	_width:	210px;
	
	
	height: 80px;
	padding:	5px 15px;
}
div.arcModeSearch {
	background-color:	#f8f8ff;
}
div.searchModeSearch {
	background-color:	#f8fff0;
	border-right:	solid 1px #cccccc;
	border-bottom:	solid 1px #cccccc;
}

.searchBack form {
	width:	200px;
}

#searchText {
	width:	100%;
	margin-bottom: 2px;
}

#searchButton {
	float:	left;
	margin-right: 2px;

	*height:	24px;
}
#searchHelp {
	border:	1px solid #d0d0d0;
	width:	20px;
	height:	20px;
	float:	left;
	font-weight:	bold;
	background-color:	#fff;
}
#searchHelp:link,
#searchHelp:visited {
	color: #333;
}
#searchHelp:hover {
	color: #666;
}

.searchWord {
	font-weight: bold;
}


/*
	news
*/
div.news {
	width:	200px;
	font-size:	11px;
	border:	1px solid #cccccc;
	padding: 5px;
	text-align: left;
}
div.news p {
	margin: 2px;
}

/*
	right col.
*/
div.right {
	position:	relative;
	left:	-1px;
	padding:	5px 15px;

}

/*
	checked item
	
*/
#sortMenu {
	width:	260px;
	_width:	320px;
	margin:	10px auto 0 auto;
}
#sortMenu a {
	border:	1px solid #ccc;
	border-color: #e0e0e0 #a0a0a0 #a0a0a0 #e0e0e0;
	padding:	2px;
	display:	block;
	width:	80px;
	_width:	95px;
	background-color:	#fff;
	font-size:	11px;
	float:	left;
}

#sortMenu a:link,
#sortMenu a:visited {
	color: #333;
}
#sortMenu a:hover {
	color: #666;
}

#sortMenu a.selSort {
	background-color:	#eee;
	border-color: #a0a0a0 #c0c0c0 #c0c0c0 #a0a0a0;
}




/*
	item
*/
.itemtitle h2 a:link {
	text-decoration: none;
	color: #0033cc;
}
.itemtitle h2 a:visited {
	text-decoration: none;
	color: #660066;
}
.itemtitle h2 a:hover {
	color: #0066FF;
	text-decoration: underline;
}

.itemtitle h3 a:link {
	text-decoration: none;
	color:	#0033cc;
}
.itemtitle h3 a:visited {
	text-decoration: none;
	color:	#0033cc;
}
.itemtitle h3 a:hover {
	color:	#0066FF;
	text-decoration: underline;
}



.descRow-on {
}

.descRow-off {
	display: none;
}

.siteTitleRow-on {
}

.siteTitleRow-off {
	display: none;
}

.linkRow-on {
}

.linkRow-off {
	display: none;
}

.srcRow-on {
}

.srcRow-off {
	display: none;
}

.destRow-on {
}

.destRow-off {
	display: none;
}

.linkRow {
	font-size:	13px;
}

.destLink {
	padding:	3px;
	margin:	2px;
	background-color: #f0f0f0;

	font-size:	13px;
	font-weight:	normal;
}

.srcLink {
	padding:	3px;
	margin:	2px;
	background-color: #f0f0f0;

	font-size:	13px;
	font-weight:	normal;
}

.destLabel {
	width:	42px;
	padding-top: 6px;
}
.srcLabel {
	width:	42px;
	padding-top: 6px;
}


.destLink a {
	text-decoration: none;
	color:	#303030;
}
.destLink a:hover {
	text-decoration: underline;
	color:	#303030;
}

.srcLink a {
	text-decoration: none;
	color:	#303030;
}
.srcLink a:hover {
	text-decoration: underline;
	color:	#303030;
}

.itemSizeButton {
	color:	#777;
	width:	22px;
	height:	22px;
	vertical-align: middle;
/*	font-weight: bold;*/
	cursor: pointer;
	padding: 0;	/*IE*/
}

.favButton {
	color:	#777;
	width:	22px;
	height:	22px;
	vertical-align: middle;
/*	font-weight: bold;*/
	cursor: pointer;
	padding: 0;	/*IE*/
}

.checkButton {
	color:	#777;
	width:	22px;
	height:	22px;
	vertical-align: middle;
/*	font-weight: bold;*/
	cursor: pointer;
	padding: 0;	/*IE*/
}

.buttonOn {
	color:	#a22;
}

.itemframe {
	width:	700px;
	border:	1px solid #d0d0d0;
	background-color: #ffffff;
	margin:	10px 0 0 0;
}
.itemFav {
	border:	2px solid #a0a0a0;

    -webkit-box-shadow:	 0 2px 5px #333;
    -moz-box-shadow:	 0 2px 5px #333;
    box-shadow:			 0 2px 5px #333;
}

div.itemShadow {
	width:	700px;
	height:	5px;
	margin-bottom:	5px;
}
div.shadowFav {
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#a0a0a0', endColorstr='#ffffff');
}
* html div.shadowFav {/*ie6*/
    filter:  progid:DXImageTransform.Microsoft.gradient(enabled=0,GradientType=0,startColorstr='#ffffff', endColorstr='#ffffff');
}

.item {
	background-color: #ffffff;
}

.itemtitle {
	padding:	4px;
	background-color: #f0f0f0;
}
.itemtitle h2 {
	display:	inline;
	font-size:	15px;
	font-weight:	normal;
}
.itemtitle h3 {
	display:	inline;
	font-size:	15px;
	font-weight:	normal;
}

.itemDesc {
	font-size:	13px;
	color:	#303030;
	line-height: 150%;
	padding:	0 4px;
	word-break:	break-all;
	word-wrap:	break-word;
}

.siteTitle {
	font-size:	13px;
	padding:	4px;
	border-top:		 1px solid #f0f0f0;
	border-bottom:	 1px solid #f0f0f0;
}
.siteTitle h3 {
	font-size:	13px;
	margin:		0;
	font-weight:	normal;
}

.attrRow {
	font-size:	13px;
	padding-left:	4px;
}


/*
	navigation
*/

table.navi {
/*div.navi {
	position: relative;
	left:	70px;
	text-align: left;
	margin:	10px auto;
	margin-top:	10px;
	margin-bottom:	10px;
	width:	560px;
	height:	30px;*/
	margin:	10px auto;
	border-style:	none;
}
table.naviNone {
	display:	none;
}

table.navi td {
	padding:	0;
}


.clear {
	clear: both;
}

.navi a {
	border: 1px solid #d0d0d0;
	background-color:	#ffffff;
	border-color: #e0e0e0 #a0a0a0 #a0a0a0 #e0e0e0;
	margin: 0 1px;
	text-align: center;
/*    font-weight: bold;*/
    padding: 4px 6px;
    text-decoration: none;
	display:	inline;
	float:	left;
	
	_height: 20px;
}

a.naviButton {
	text-align: center;
    padding: 4px 9px 4px 7px;
	width:	16px;

	_height: 20px;
}



.navi a:link,
.navi a:visited {
	color: #333;
}
.navi a:hover {
	color: #666;
}

div.naviRel {
	width: 130px;
}

.navi a.currentPage {
	background-color:	#eee;
	border-color: #a0a0a0 #c0c0c0 #c0c0c0 #a0a0a0;
}

.naviOff {
	visibility:	hidden;
}




/*
	arc. navigation
*/
table.arcNavi {
/*	position: relative;
	left:	100px;
	text-align: left;
	margin:	10px auto;
	margin-top:	10px;
	margin-bottom:	10px;
	width:	500px;
	height:	30px;*/
	margin:	10px auto;
	border-style:	none;
}
table.arcNavi td {
	padding:	0;
}

table.arcNavi td div {/*center label*/
	background-color:	#eee;
}

.arcNavi a {
	border: 1px solid #d0d0d0;
	background-color:	#ffffff;
	border-color: #e0e0e0 #a0a0a0 #a0a0a0 #e0e0e0;
	margin: 0 1px;
	text-align: center;
/*    font-weight: bold;*/
    padding: 4px 6px;
    text-decoration: none;
	display:	block;
	float:	left;
	width:	100px;
}
.arcNavi div {
	border: 1px solid #d0d0d0;
	background-color:	#ffffff;
	margin: 0 1px;
	text-align: center;
/*    font-weight: bold;*/
    padding: 4px 6px;
	float:	left;
	width:	140px;
}
.arcNavi a:link,
.arcNavi a:visited {
	color: #333;
}
.arcNavi a:hover {
	color: #666;
}



div.nullData {
	width:	700px;
	height:	500px;
	text-align:	center;
	padding-top:	100px;
}







/*
	checked page
*/
.linkText {
	width:	100%;
	_width:	680px;

	height:	200px;
	border:	1px #333 solid;
	
	font-size: 13px;
}


span.message {
	color:	#555;
	text-align:	center;
}


div.message {
	_width:	700px;

	color:	#555;
	text-align:	center;
	word-wrap: break-word;
}


/*
	authers
*/
.authers {
	width:	700px;
}
.authers .headerRow td {
	background-color:	#f0f0f0;
	height: 18px;
}
.authers .headerRow td.sorted {
	background-color:	#e0e0e0;
	padding-top: 4px;
}

a.autherName {
	font-size:	14px;
}
a.blogTitle {
	font-size:	12px;
}

a.sort {
	display:	block;

	width:	100%;
	height:	100%;
	
	*text-align:	center;
}

.headerRow a {
	padding: 7px 0;
}
.headerRow td.sorted a {
	padding:	0;
	display:	inline;
}

.headerRow a:link,
.headerRow a:visited {
	color: #333;
	text-decoration: none;
}
.headerRow a:hover {
	color: #666;
	text-decoration: none;
}

.headerRow {
	font-size: 14px;

}

.label2 {
	width:	40px;
	text-align:	center;
}

.label3 {
	width:	56px;
	text-align:	center;
}


.dataRow {
	font-size: 13px;

}
.dataRow td {
	padding-top:	2px;
	padding-bottom:	2px;
}


.dataRow a:link,
.dataRow a:visited {/* last date */
	color: #0033cc;
}
.dataRow a:hover {
	text-decoration: underline;
}

.dataRow a.autherName:link,
.dataRow a.autherName:visited {
	color: #0033cc;
}
.dataRow a.autherName:hover {
	text-decoration: underline;
}

.dataRow a.blogTitle:link,
.dataRow a.blogTitle:visited {
	color: #303030;
}
.dataRow a.blogTitle:hover {
	text-decoration: underline;
}
/*
div.sorted {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid red;
	margin:	0 auto;
}
*/
#listTable {
	border:	1px solid #d0d0d0;

	background-color: #ffffff;
	margin:	10px 0;
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}
#listTable td {
	*border:	1px solid #d0d0d0;
}

#listTable td.alignC {
	text-align:	center;
}
#listTable td.alignR {/*pictures*/
	text-align:	right;
	padding-right: 3px;
}
#listTable td.alignL {
	text-align:	left;
	padding-left: 3px;
}

.authers #listTable .headerRow td.alignC {
	*text-align:	center;
}




div.buttons {
	width:	280px;
	padding:	4px;
	margin:	10px auto 0px auto;
	background-color: #fff;
	border:	1px solid #ccc;
}
.buttons input {
	width:	250px;
	margin: 2px auto;
}


/*
	setup
*/
div.setup {
	font-size: 13px;
	padding:	0 10px;
	width:	680px;
	text-align:	left;
	font-color: #303030;
	min-height:	500px;
}
div.setup h2 {
	border-bottom:	solid 1px #FF0000;
	font-size: 15px;
	font-color: #ff3030;
}
div.setup li {
	list-style-type:	none;
}

div.setup img {
	margin-left:	2px;
	margin-right:	3px;
	margin-bottom:	4px;
}



/*
	about
*/
div.about {
	padding:	0 10px;
	_padding:	0;
	
	text-align:	left;
	font-color: #303030;
	font-size:	13px;
	width:	680px;
}

div.about table.itemframe {
	width:	650px;
}

div.about h2 {
	border-bottom:	solid 1px #FF0000;
	font-size: 15px;
	font-color: #ff3030;
}
div.about h3 {
	font-size: 14px;
}
div.about p {
	font-size: 13px;
	line-height:	160%;
}
div.about a:link {
	color: #303030;
	border-bottom:	dashed #808080 1px;
	text-decoration: none;
}

div.about a:visited {
	color: #303030;
	border-bottom:	dashed #808080 1px;
	text-decoration: none;
}

div.about a:hover {
	color: #303030;
	border-bottom:	solid #808080 1px;
	text-decoration: none;
}

/* 
	site page
*/
.sitePage h1 {
	border-bottom:	solid 1px #FF0000;
	font-size: 18px;
	font-color: #ff3030;
	margin-bottom:	5px;

	_width: 700px;
}
.sitePage .message {
	font-size:	13px;
}

/*
	page desc.
*/
.pageDesc {
	text-align:	left;
	padding: 10px 10px 20px 10px;
	border: 1px solid #d0d0d0;
	border-color:	#ccc;
	background-color:	#f8f8f8;
	color:	#333;
}
div.arcModeDesc {
	background-color:	#f8f8ff;
}
div.searchModeDesc {
	background-color:	#f8fff0;
}

div.pageDesc h4 {
	font-size:	13px;
	margin:	5px;
}

div.pageDesc p {
	font-size: 13px;
	line-height:	160%;
	margin: 0;
	padding: 0;
}
div.pageDesc a:link {
	color: #303030;
	border-bottom:	dashed #808080 1px;
	text-decoration: none;
}

div.pageDesc a:visited {
	color: #303030;
	border-bottom:	dashed #808080 1px;
	text-decoration: none;
}

div.pageDesc a:hover {
	color: #303030;
	border-bottom:	solid #808080 1px;
	text-decoration: none;
}

/*
	ads
*/
div.ads {
	overflow: hidden;
}
div.ads div {
	float:	left;
}

/*
	footer
*/
#footer {
	padding:	5px 0;
	font-size:	10px;
	height: 30px;
}

div.bmButton {
	float:	left;
}

.bmButton a {
	margin-right:	5px;
}

.twitter-share-button {
	vertical-align:	middle;
}

#footer .copyright {
	position:	relative;
	left:	270px;
	float:	left;
}

div.top {
	width:	80px;
	border:	1px solid #cccccc;
	padding: 2px;
	float: right;
}
.top a {
	display: block;
	width:	100%;
}
.top a:link,
.top a:visited {
	color:	#333;
}
.top a:hover {
	color:	#666;
}



/*
	menu
*/
table.menu {
	border-style:	none;

	position: relative;
	left: 9px;
	*left: 0px;
}
table.menu td {
	padding:	10px 5px 10px 0;
}


.menu a {
	width: 98px;

    display: inline-block;
    text-align: center;
    color: #fff;

    background: #4477a1;

    border: 1px solid #444;/*ie6,7*/   
    border: 1px solid rgba(0, 0, 0, 0.3);

    box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);

}
.menu a.selMB {
    display: inline-block;
    text-align: center;
    color: #fff;

    background: #2457a1;
/*    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2457a1', endColorstr='#2457a1');
*/
    border: 1px solid rgba(0, 0, 0, 0.3);           
}



.menu a.mbutton:hover {
	color: #FFFFaa;
}


.menu span.mbtop {
    display: block;
    height: 0.5em;

    background: -webkit-gradient(linear, left top, left bottom, from(#7198bb), to(#4477a1) );
    background: -moz-linear-gradient(-90deg, #7198bb, #4477a1);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81a8cb', endColorstr='#4477a1');

    border-top: 1px solid #abf; /*ie6,7*/
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.selMB span.mbtop {
    display: block;
    height: 0.5em;

    background: #2457a1;
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2457a1', endColorstr='#2457a1');

    border-top: 1px solid #abf; /*ie6,7*/
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.menu span.mblabel {
    display: block;
    padding: 0;
}

.menu span.mbbot {
    display: block;
    height: 0.5em;

    background: -webkit-gradient(linear, left top, left bottom, from(#4477a1), to(#7198bb) );
    background: -moz-linear-gradient(-90deg, #4477a1, #7198bb);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4477a1', endColorstr='#81a8cb');
}
.selMB span.mbbot {
    display: block;
    height: 0.5em;

    background: #2457a1;
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2457a1', endColorstr='#2457a1');
}







/*eof*/