@charset "utf-8";



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

   

	filename:	award2012.css

	created:	120316

	update:		000000

	

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







/* =　基本構造　

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



/* 構造リセット */

#award #wrap #content #onecolumContents,

#award-top #wrap #content #onecolumContents { padding: 0; margin-bottom: 0; }

#award #wrap #content #onecolumContents img,

#award-top #wrap #content #onecolumContents img{ border:0; vertical-align: top; }

#award #wrap #content #onecolumContents a img,

#award-top #wrap #content #onecolumContents a img { border-style: none; border-width: 0px; }

#award #wrap #content #onecolumContents #groupBox,

#award-top #wrap #content #onecolumContents #groupBox { margin-bottom: 0; padding:0; }

#award #wrap,

#award-top #wrap { padding:0; height:auto; }



/* リンクスタイル */

#aw-content a {

    text-decoration: underline;

}

#aw-content a:link { color: #01508b; }

#aw-content a:visited { color: #7d010b; }

#aw-content a:hover,

#aw-content a:active { color: #0072c7; }



/* =　TOP構造　

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

#award-top #aw-content { padding: 0 0 0; margin-bottom: 0; }

#award-top #aw-header { width: 958px; height: 411px; margin-bottom: 34px; position: relative; }

#aw-index { margin: 0 29px; }



/* Top-グローバルナビゲーション */

#award-top #aw-content #aw-header #aw-gnav{ width: 675px; height: 72px; margin-left: 29px; margin-bottom: 4px; position: relative; }

#award-top #aw-content #aw-header #aw-gnav li { position: absolute; top: 0; height: 71px; }

#award-top #aw-content #aw-header #aw-gnav .award { left: 0; width: 177px; }

#award-top #aw-content #aw-header #aw-gnav .art { left: 210px; width: 75px; }

#award-top #aw-content #aw-header #aw-gnav .design { left: 314px; width: 86px; }

#award-top #aw-content #aw-header #aw-gnav .news { left: 430px; width: 98px; }

#award-top #aw-content #aw-header #aw-gnav .blog { left: 556px; width: 119px; }

#award-top #aw-content #aw-header #aw-gnav .video { left: 784px; width: 119px; }





/* =　中面構造　

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

#aw-content { padding: 0 29px 0; margin-bottom: 0; }

#aw-header { width: 900px; height: 199px; margin-bottom: 34px; position: relative; }



/* アワード ロゴ */

#aw-content #aw-header #aw-logo { position: absolute; left:20px; top:0px; width:165px; height:275px; }



/* 中面-グローバルナビゲーション */

#aw-content #aw-header #aw-gnav{ width: 675px; height: 72px; margin-left: 225px; margin-bottom: 15px; position: relative; }

#aw-content #aw-header #aw-gnav li { position: absolute; top: 0; height: 71px; }

#aw-content #aw-header #aw-gnav .award { left: 0; width: 177px; }

#aw-content #aw-header #aw-gnav .art { left: 210px; width: 75px; }

#aw-content #aw-header #aw-gnav .design { left: 314px; width: 86px; }

#aw-content #aw-header #aw-gnav .news { left: 430px; width: 98px; }

#aw-content #aw-header #aw-gnav .blog { left: 556px; width: 119px; }





/* =　中面-ローカルナビゲーション　

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



/* ローカルナビゲーション */

#aw-content #aw-cnav { padding-top: 80px; float:left; width: 185px; }

#aw-content #aw-cnav h1 { margin-bottom: 14px; }

#aw-content #aw-cnav .nav-list { margin: 0 0 34px; padding: 0; }

#aw-content #aw-cnav .nav-list li { margin:0; padding: 0; }

#aw-content #aw-cnav .nav-list li img { margin:0; padding:0; vertical-align: bottom; }

#aw-content #aw-cnav .nav-list li ul { padding-left: 20px; border-bottom: 1px solid #ccc; }

#aw-content #aw-cnav .nav-list li ul.block01 { margin-left: 20px; padding-left: 0; border-bottom: 1px solid #ccc; }



/* セクション */

#aw-content #aw-cnav .section { margin-bottom: 34px; }

#aw-content #aw-cnav .section h2 { margin: 0 0 10px; padding:0; }

#aw-content #aw-cnav #video li img { margin-left: 2px; }

#aw-content #aw-cnav #link { margin-bottom: 0; }

#aw-content #aw-cnav #link ul li { margin-bottom: 10px; }

#aw-content #aw-cnav #link ul li.last { margin-bottom: 0; }



/* 非表示コンテンツ */





/* =　中面-メインコンテンツ　

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



/* メインコンテンツ　デフォルト */

#aw-content #aw-main { float:right; width: 675px; }

#aw-content #aw-main h2 { padding-bottom: 14px; margin: 0 0 20px; border-bottom: 5px solid #62c0b4; }

#aw-content #aw-main .section { margin: 0 30px 57px; }

#aw-content #aw-main .section_end { margin: 0 30px 34px; }

#aw-content #aw-main .section h3,

#aw-content #aw-main .section_end h3 { padding-bottom: 8px; border-bottom: 1px solid #ccc; margin: 0 -20px 20px; }

#aw-content #aw-main .section h3.text-base,

#aw-content #aw-main .section_end h3.text-base {

	line-height: 1.3;

	font-size: 130%;

	color: #333;

}

#aw-content #aw-main .section h3.text-base span,

#aw-content #aw-main .section_end h3.text-base span {

	display: block;

	padding: 3px 0 3px 11px;

	border-left: 9px solid #62c0b4;

	background: none;

}

#aw-content #aw-main .section p,

#aw-content #aw-main .section_end p { line-height: 1.5; }

#aw-content #aw-main .section .notes,

#aw-content #aw-main .section_end .notes { background-color: #f0f0f0; padding: 16px; }

#aw-content #aw-main .section .notes p,

#aw-content #aw-main .section_end .notes p { margin-bottom: 0; }

#aw-content #aw-main .section p .thumb,

#aw-content #aw-main .section_end p .thumb { float:left; margin-right: 26px; }

#aw-content #aw-main .section p span.attention,

#aw-content #aw-main .section_end p span.attention { font-size: 90%; color: #c00; display:block; padding-top: 10px; }

#aw-content #aw-main .section .attention li,

#aw-content #aw-main .section_end .attention li { font-size: 70%; font-weight: normal; color: #999; margin-bottom: 5px; }

#aw-content #aw-main .section .attention li em,

#aw-content #aw-main .section_end .attention li em { font-style: normal; background:none; color: #c00; }



#aw-content #aw-main .block { border: 1px solid #a3a9ac; padding: 15px; margin: 0 0 20px; }

#aw-content #aw-main .block h3 { font-size: 90%; padding-bottom: 7px; margin: 0 0 15px; border-bottom: 1px solid #000; }

#aw-content #aw-main .block .mrgB15 { margin-bottom: 15px; }

#aw-content #aw-main .block .application li { line-height: 1.0; margin-bottom: 15px; padding-left: 16px; }

#aw-content #aw-main .block .application .excel { background: url(../images/icon_exel.gif) left top  no-repeat; }

#aw-content #aw-main .block .application .pdfs { background: url(../images/icon_pdf.gif) left top no-repeat; }

#aw-content #aw-main .block .attention .last { margin-bottom: 0; }

#aw-content #aw-main .block strong { font-weight:bold; color: #c00; }

/* ページの先頭へ戻る */

#aw-content #aw-main .pageTop { margin: 0; padding:0; line-height: 0; text-align: right; }

#aw-content #aw-main .pageTop a { display: block; padding: 10px 10px 0; background-color: #fff; border: 1px solid #dedede; }

#aw-content #aw-main .pageTop a:hover { display: block; background-color: #f4f4f4; }

#aw-content #aw-main .pageTop a span { height: 19px; display:block; }



/* 見出しスタイル */

h4 {

	margin-top: 34px;

	margin-bottom: 15px;

	padding-bottom: 6px;

	border-bottom: 1px solid #333;

	font-weight: bold;

	font-size: 80%;

}

h4.first { margin-top: 0; }

h4.short { margin-top: 20px; }



h5 {

	margin-top: 24px;

	margin-bottom: 15px;

	padding: 2px 0 2px 9px;

	border-left: 4px solid #ffd900;

	font-weight: bold;

	font-size: 80%;

}

h5.first { margin-top: 0; }



/* リストスタイル */

ul.decimal li {

	margin-bottom: 10px;

	padding-left: 1em;

	text-indent: -1em;

}



/* 注意書きスタイル */

#aw-content #aw-main .section_end dl dt { width: 1em; color: #000; margin-bottom: 10px; }

#aw-content #aw-main .section_end dl dd { margin-left: 1.5em; margin-bottom: 10px; }

#aw-content #aw-main .section_end dl dt.last { margin-bottom: 0; }

#aw-content #aw-main .section_end dl dd.last { margin-bottom: 0; }



#award #wrap #content #onecolumContents #aw-content #aw-main .attention dt { width: 1em; margin-bottom: 3px; font-size: 70%; color:#c00; }

#award #wrap #content #onecolumContents #aw-content #aw-main .attention dd { margin-left: 1.2em; margin-bottom: 3px; font-size: 70%; color:#999; }

#award #wrap #content #onecolumContents #aw-content #aw-main .attention dt.last { margin-bottom: 0px; }

#award #wrap #content #onecolumContents #aw-content #aw-main .attention dd.last { margin-bottom: 0px; }



/* テーブル */

#aw-content #aw-main .spec-table { border-width: 1px 0 0 1px; border-color: #c3c4c6; border-style:solid; width: 100%; border-spacing: 0; border-collapse:collapse; margin-bottom: 15px; }

#aw-content #aw-main .spec-table th,

#aw-content #aw-main .spec-table td { border-width: 0 1px 1px 0; border-color: #c3c4c6; border-style:solid; }

#aw-content #aw-main .spec-table th { font-size: 12px; font-weight:bold; background-color: #ebebee; text-align:left; padding:10px 12px; width: 102px; vertical-align:top; line-height: 1.5; }

#aw-content #aw-main .spec-table td { font-size: 12px; padding: 10px 14px; text-align:left; vertical-align:top; line-height: 1.5; }

#aw-content #aw-main .spec-table td li { font-size: 100%; }

#aw-content #aw-main .spec-table td li.last { margin-bottom: 0; }









/* =　コンテンツ内汎用パーツ　

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



/* txt */



.txt_R {

	text-align: right;

}



.txt_C {

	text-align: center;

}



.contentNav {

	font-size: 12px;

}



.font_normal {

	font-size: 12px;

}



.font_large {

	font-size: 14px;

}



.font_xlarge {

	font-size: 16px;

}



.font_xxlarge {

	font-size: 18px;

}



.font_clr_green {

	color:#006600;

	font-weight: bold;

}



.icon_arrow{

	background:url(../images/icon_arrow.gif) no-repeat left 5px;

	padding-left:10px;

}



.icon_arrow_under{

	background:url(../images/icon_arrow_under.gif) no-repeat left 5px;

	padding-left:10px;

}



.caption {

	font-size: 10px;

}



.font_large {

	font-size: 150%;

}



.font_green {

	color:#006600;

}



.theme {

	font-size: 120%;

	color:#4d7b7d;

}



.font_red {

	color:#FF0000;

}
.font_red2 {

	color:#C00;

}





/* padding */



.pdT20 {

	padding-top: 20px;

}



.pd_T20 {

	padding-top: 20px;

}



.pdL15 {

	padding-left: 15px;

}



.pdR15 {

	padding-right: 15px;

}



/* margin */



.mrgB10 {

	margin-bottom: 10px;

}



.mrgB15 {

	margin-bottom: 15px;

}



.mrgB20 {

	margin-bottom: 20px;

}



.mrgB25 {

	margin-bottom: 25px;

}



.mrgB30 {

	margin-bottom: 30px;

}



.mrgB35 {

	margin-bottom: 35px;

}



.mrgB40 {

	margin-bottom: 40px;

}



.mrgT5 {

	margin-top: 5px;

}



.mrgT10 {

	margin-top: 10px;

}



.mrgT15 {

	margin-top: 15px;

}



.mrgT20 {

	margin-top: 20px;

}



.mrgT25 {

	margin-top: 25px;

}



.mrgT30 {

	margin-top: 30px;

}



.mrgL0 {

	margin-left: 0;

}

.mrgL10 {

	margin-left: 10px;

}



.mrgL20 {

	margin-left: 20px;

}



/* ------------------------------------------------------------ Clearfixes */

.clearfix:after {

	display: block;

	clear: both;

	height: 0;

	visibility: hidden;

	content: ".";

}



.clearfix { display: inline-table; }



* html clearfix { height: 1%; }



.clearfix {

	display: block;

	zoom: 1;

}



.clear { clear:both; }



/* ------------------------------------------------------------ //Clearfixes */