@charset "utf-8";
/*
Theme Name: trico interactive 2010
Theme URI: http://
Description: trico interactive
Version: 0.0
Author: trico interactive
Author URI: http://www.trico.to/
Tags: trico
*/

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.1.1
build: 47
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.1.1
build: 47
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*CLEARFIX*/
.clearfix:after,.column:after{content:url(img/blank.gif);display:block;clear:both;height:0;}.clearfix,.column{display:inline-block;}.clearfix,.column{display:block;}


/*GLOBAL
-------------------------*/
html,body{
	height:100%;
}
html{
	background:transparent;
}
body{
	text-align:center;
}
#wrapper{
	background:url(img/top_bg.gif) repeat-y #FFF 20px 0px;
	width:900px;
	min-height:100%;
	height:auto !important;
	height:100%;
	text-align:left;
	margin:0 auto;
	padding:0 20px;
}
*html #wrapper{
	background:url(img/top_bg.gif) repeat-y #FFF 23px 0px;
}
.column{
	float:left;
	padding:45px 0 45px 0;
}
li,
.link{
	padding-bottom:5px;
	margin-bottom:10px;
	background:url(img/dotline.gif) repeat-x 0 bottom;
}
#header .link{
	padding-bottom:10px;
}
li a,
.link a{
	padding-left:16px;
	display:block;
	background:url(img/marker_arrow.gif) no-repeat 0 0.4em;
}
.hide{
	display:none;
}

/*FONT & COLOR
-------------------------*/
body{
	font-family:'メイリオ',Meiryo,sans-serif;
	color:#3B3737;
}
a:link,a:visited{
	color:#5F6D8A;
	text-decoration:none;
}
a:active,a:hover{
	color:#C43D23;
	text-decoration:underline;
}
#information,
#bookmark{
	font-size:85%;
}
#information p{
	font-size:92%;
	color:#737373;
	line-height:150%;
}
li{
	line-height:130%;
}

/*HEADER
-------------------------*/
#header{
	width:219px;
	padding-right:30px;
}
#header h1{
	margin:0 0 55px 0;
}
#header div{
	padding-bottom:10px;
	background:url(img/dotline.gif) repeat-x 0 bottom;
}

/*CONTENT
-------------------------*/
#content{
	width:440px;
}
#favorite{
	height:230px;
	padding:0 20px 15px;
	border-bottom:1px solid #DDD;
}
#book{
	height:240px;
	padding:20px;
	border-bottom:1px solid #DDD;
}
#bookmark{
	padding:30px 0;
	position:relative;
}
#bookmark h2{
	margin:0 0 20px 20px;
}
#bookmark .container{
	position:relative;
}
#bookmark .block{
	position:relative;
	background:url(img/bookmark_bg.gif) repeat 0 0;
	width:440px;
}
#bookmark h3{
	margin:0 0 10px 0;
}
#bookmark .block div{
	padding:0 20px 5px;
	margin:0 0 5px 0;
}
#bookmark .navigation{
	position:absolute;
	top:32px;
	right:20px;
}
#bookmark .left{
	position:absolute;
	top:0;
	right:22px;
}
#bookmark .right{
	position:absolute;
	top:0;
	right:0px;
}
#bookmark .block{
	width:440px;
}
#error{
	margin-left:30px;
}
#error h2{
	margin-bottom:5px;
}

/*SIDEBAR
-------------------------*/
#sidebar{
	width:210px;
}
#information{
	padding:0 20px 20px;
	border-bottom:1px solid #DDD;
}
#information h2{
	margin-bottom:30px;
}
#information h3{
	margin-bottom:5px;
}
#information a{
	margin-top:5px;
}
#font{
	border-bottom:1px solid #DDD;
}
#blogparts{
	padding:20px 0;
	text-align:center;
}
#blogparts div{
	margin-bottom:20px;
}

/*CONTACT
-------------------------*/
#contact{
	width:450px;
	text-align:left;
	margin:0 auto;
	padding:0 20px;
}
#contact h1{
	padding:25px 0 10px 0;
}
#contact .rounded{
	background:#E0E6E3;
	padding:20px 20px 20px 15px;
}
#contact table{
	width:100%;
}
#contact th{
	width:70px;
	vertical-align:top;
}
#contact th img{
	padding-top:7px;
}
#contact th,#contact td{
	padding:0 0 14px 0;
}
#contact input,
#contact textarea{
	border:none;
}
#contact td input,
#contact td textarea{
	width:340px;
	padding:2px 5px;
}
#contact td textarea{
	height:180px;
}
#contact .rounded div div{
	text-align:center;
}
#contact .rounded div div .close{
	margin-left:24px;
}
#contact.thank .rounded{
	padding-top:130px;
	padding-bottom:130px;
	text-align:center;
}
#contact.thank .rounded div{
	padding:0 0 25px 0;
}