@charset "utf-8";
/*
Theme Name: tanaka_grossary
Theme URI: 
Description: タナカ印刷　印刷用語集オリジナルテーマ
Version: 1
Author: Tanaka Printing Co., Ltd.
Author URI: http://www.tanaka-p.co.jp/
Tags: 
*/

/*----------------------------------------------------------------　　共通　　*/

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	color: #5B5B5B;
	margin:0;
	padding:0;
	}

.clearboth {
	clear: both;
	height: 0px;
visibility: hidden;
}
*html .clearboth {
	clear: both;
	height: 0px;
	overflow: hidden;
visibility: hidden;
}

a:link {
	color:#4da31d;
	text-decoration:underline;
	-webkit-transition: color .2s linear, background-color .2s linear;
}
a:hover {
	color:#7dbe66;
	text-decoration:none;
}
a:active {
	color:#7dbe66;
	text-decoration:none;
}
a:visited {
}

img {
	border:none;
}

.hidden {
	display: none;
	}


/*-----------------------------------------------------　　ヘッダー　　*/
#header{
width:100%;
height:129px;
text-align:center;
background:url(images/header_bg.gif) top left repeat-x;
margin:0;
padding:0;
}

#header .header_inner{
width:750px;
height:129px;
margin:0 auto;
padding:0;
position:relative;
text-align:left;
}
#header .header_inner h1 {
width:258px;
height:103px;
display:block;
margin:0;
padding:0;
}
#header .header_inner h1 a{
width:258px;
height:103px;
display:block;
position: absolute;
top:0px;
left:0px;
background:url(images/logo.gif) top left no-repeat;
text-indent:-9999px;
}

#header .header_inner p.logo_tanaka a{
width:171px;
height:16px;
display:block;
position: absolute;
top:65px;
right:10px;
background:url(images/logo_tanaka.gif) top left no-repeat;
text-indent:-9999px;
}


/*----------------------------------------------------------------　　content　　*/
#content{
width:730px;
margin:0 auto;
padding:30px 10px 0 10px;
}


/*----------------------------------------------------　　サイドバー　　*/
#sidebar{
width:240px;
margin:0;
padding:0 20px 0 0;
border-right:solid #ececec 1px;
float:left;
}

/*------  キーワード検索  -----*/
#sidebar h2.keyword{
width:133px;
height:18px;
margin:0 0 20px 0;
padding:0;
background:url(images/img_keyword.gif) 0 0 no-repeat;
text-indent:-9999px;
line-height:18px;
}
#sidebar .keywordArea{
width:246px;
height:24px;
padding:0 0 30px 0;
border-bottom:solid #dedede 1px;
}
#sidebar #searchform {
margin:0;
padding: 0;
}
#sidebar #searchform #s {
width: 148px;
height:18px;
margin:0;
padding: 3px;
font-size:14px;
border:solid 1px #dedede;
float:left;
line-height:18px;
}
#sidebar #searchform #searchsubmit {
width: 61px;
height:24px;
margin:0 0 0 10px;
padding:0;
float:left;
display:inline;
line-height:24px;
}

/*------  カテゴリー検索  -----*/
#sidebar h2.category{
width:133px;
height:18px;
margin:30px 0 20px 0;
padding:0 0 0 0;
background:url(images/img_category.gif) top left no-repeat;
text-indent:-9999px;
line-height:18px;
}
#sidebar .categoryArea{
width:246px;
padding:0 0 30px 0;
border-bottom:solid #dedede 1px;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-size:1.4em;
}
#sidebar .categoryArea ul {
margin:0;
padding:0;
list-style-type:none;
}
#sidebar .categoryArea ul li{
margin:0;
padding:0;
}
#sidebar .categoryArea ul li.cat-item{
width:103px;
margin:0;
padding:0 10px 10px 0;
float:left;
display:block;
}

/*------  頭文字検索  -----*/
#sidebar h2.initial{
width:133px;
height:18px;
margin:30px 0 0 0;
padding:0 0 20px 0;
background:url(images/img_initial.gif) top left no-repeat;
text-indent:-9999px;
line-height:18px;
}

#sidebar .initialArea{
width:246px;
padding:0 0 30px 0;
border-bottom:solid #dedede 1px;
}
#sidebar .initialArea ul {
margin:0;
padding:0;
list-style-type:none;
}
#sidebar .initialArea ul li.categories ul li.cat-item{
margin:0;
padding:0;
display:inline;
float:left;
}

#sidebar .initialArea ul li a{
text-align:center;
color:#5b5b5b;
font-size:12px;
font-weight:bold;
width:64px;
height:17px;
border:1px solid #dedede;
display: block;
margin:0 16px 16px 0;
padding:5px 0 0 0;
text-decoration:none;
}
#sidebar .initialArea ul li a:hover{
background-color:#4da31d;
color:#FFFFFF;
border:1px solid #edfae1;
}


/*------  英字検索  -----*/
#sidebar h2.alphabet{
width:133px;
height:18px;
margin:30px 0 0 0;
padding:0 0 20px 0;
background:url(images/img_alphabet.gif) top left no-repeat;
text-indent:-9999px;
line-height:18px;
}
#sidebar .alphabetArea{
width:246px;
padding:0 0 30px 0;
border-bottom:solid #dedede 1px;
font-family:Arial, Helvetica, sans-serif;
}

#sidebar .alphabetArea ul{
margin:0;
padding:0;
list-style-type:none;
}
#sidebar .alphabetArea li {
margin:0;
padding:0;
display:inline;
float:left;
}
#sidebar .alphabetArea li.mr0 a{
text-align:center;
color:#5b5b5b;
font-size:12px;
font-weight:bold;
width:31px;
height:18px;
border:1px solid #dedede;
display: block;
margin:0 0 16px 0;
padding:4px 0 0 0;
text-decoration:none;
}
#sidebar .alphabetArea li a{
text-align:center;
color:#5b5b5b;
font-size:12px;
font-weight:bold;
width:31px;
height:18px;
border:1px solid #dedede;
display: block;
margin:0 16px 16px 0;
padding:4px 0 0 0;
text-decoration:none;
}

#sidebar .alphabetArea li a:hover,
#sidebar .alphabetArea li.mr0 a:hover {
background-color:#4da31d;
color:#FFFFFF;
border:1px solid #edfae1;
}


#sidebar .adminArea{
width:246px;
padding:30px 0 30px 0;
}
#sidebar .adminArea ul{
margin:0;
padding:0;
list-style-type:none;
}
#sidebar .adminArea a{
font-size:1.2em;
font-weight:bold;
background-color:#4da31d;
color:#FFFFFF;
padding:5px;
}



/*--------------------------------------------------------　　メイン　　*/
#maincontent{
width:449px;
margin:0;
padding:0;
float:right;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

#maincontent h2.news{
width:133px;
background:url(images/img_news.gif) top left no-repeat;
text-indent:-9999px;
margin:0px 0 20px 0;
padding:0;
}

h4{
font-size:1.2em;
font-weight:bold;
color:#4da31d;
}

#maincontent dd.news_title{
font-size:1.6em;
color:#5b5b5b;
line-height:1.5;
margin:0.5em;
padding:0 0 1em 0;
border-bottom:dotted 1px #cccccc;
}

#maincontent dt.date{
font-size:1.4em;
color:#5b5b5b;
font-weight:bold;
line-height:100%;
margin:1em 0 0 0;
}

.postmetadata {
	clear: both;
}



/*-------------------------------------------------------　　エントリー　　*/
.entry{
	margin:1em 0;
	padding:0 0 1em 0;
	color:#5b5b5b;
	font-size: 1.4em;
	line-height: 1.5em;
	border-bottom:dotted 1px #cccccc;
}
.single_entry{
	margin:1em 0;
	padding:0 0 1em 0;
	color:#5b5b5b;
	font-size: 1.6em;
	line-height: 1.5em;
}

#maincontent h2{
font-size:2.2em;
font-weight:bold;
color:#4da31d;
margin:1em 0;
}

.navigation {
	display: block;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 2em;
	font-size:1.2em;
	}



/*-------------------------------------------------------　　アーカイブ　　*/
#maincontent h2.archivetitle{
font-size:1.6em;
font-weight:bold;
color:#5b5b5b;
background-color:#f3fceb;
padding:5px;
margin-top:0;
}

#maincontent p.date{
font-size:1.2em;
color:#5b5b5b;
font-weight:bold;
line-height:100%;
}

#maincontent h3{
font-size:1.2em;
font-weight:bold;
color:#4da31d;
margin:1em 0 0 0;
}

/*検索結果　見つからなかったときのフォーム*/
.notfoundArea{
width: 449px;
}
.notfoundArea #searchform #s {
width: 154px;
padding: 3px;
border:solid 1px #dedede;
float:left;
margin:0;
	}
.notfoundArea #searchform #searchsubmit {
margin:0 0 0 10px;
padding:0;
float:left;
	}

/*該当する投稿は見つかりませんでした。*/
p.sorry{
font-size:1.6em;
font-weight:bold;
color:#5b5b5b;
background-color:#f3fceb;
padding:5px;
margin-top:0;
}




/*------------------------------------------------------　　フッター　　*/
#footer{
width:100%;
}

#bnrArea{
width:730px;
margin:30px auto 16px auto; 
padding:0 10px;
}

#bnrArea ul{
margin:0;
padding:0;
list-style-type:none;
}
#bnrArea li {
float:left;
}
#bnrArea li.mr0 a{
width:132px;
height:58px;
border:1px solid #dedede;
display: block;
margin:0 0 14px 0;
padding:0;
}
#bnrArea li a{
width:132px;
height:58px;
border:1px solid #dedede;
display: block;
margin:0 14px 14px 0;
padding:0;
}

#bnrArea li a:hover,
#bnrArea li.mr0 a:hover {
border:1px solid #4da31d;
}

.copy{
width:100%;
height:19px;
padding:6px 0 0 0;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
font-size:10px;
line-height:100%;
background:url(images/footer_bg.gif) top left repeat-x;
color:#FFFFFF;
margin:0;
}

.pagetop{
width:730px;
padding:10px;
text-align:right;
margin:0 auto;
}


/*--------------------------------------------------------　　画像関連　　*/

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}