@charset "UTF-8";
/* CSS Document */

/*

layout_index.css - global style sheet for San-ai Ginza website.

-----History----------------------------------------------------------------------------------------
	2011/03/09 ver1.0
----------------------------------------------------------------------------------------------------
*/

body {
	background:#fafafa;
	color:#333333;
}

.mB30{
	margin-bottom:30px;
}

p{margin-bottom:20px;}
p.right{text-align:right;}
p.small{font-size: 11px; font-size: 1.1rem;}


@font-face {
  font-family: 'fsc';
  src: url('../font/fsc.eot?66901521');
  src: url('../font/fsc.eot?66901521#iefix') format('embedded-opentype'),
       url('../font/fsc.woff?66901521') format('woff'),
       url('../font/fsc.ttf?66901521') format('truetype'),
       url('../font/fsc.svg?66901521#out') format('svg');
  font-weight: normal;
  font-style: normal;
}

.pdfDownload{
	background:url(/ir_assets/root/images/base/reader.png) no-repeat 20px 20px #f3f3f3;
	padding:20px 20px 20px 120px;
	font-size: 11px; font-size: 1.1rem;
}


#page-top {
	position: fixed;
	bottom: 0px;
	right: 15px;
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=10)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
}
#page-top a {
	font-size: 8px; font-size: 0.8rem;
	background: #666;
	text-decoration: none;
	color: #fff;
	padding: 5px 10px;
	text-align: center;
	display: block;
	border-radius: 5px;
	margin-bottom:0px;
}

#page-top a:before {
	content:"t";
	font-family: 'fsc';
	display:block;
	font-size:40px;
	padding:5px 0;
	font-weight:100;
	line-height:1em;
}

#page-top a:hover {
	text-decoration: none;
	background: #999;
}

ol.number{
	margin:10px 0 30px 0;
}

ol.number li{
	list-style-type:decimal !important;
	margin:5px 0 5px 30px;
}



/* layout
--------------------------------------------------------------------------------------------------------------------*/


.titleArea{
	padding:15px 0 10px 0;
	background:#a9d7d2;
	margin:0 0 0 0;
	position:relative;
}


.mainInner{
	background:url(/ir_assets/root/images/base/bg_subline.png) repeat-y;
	padding:30px 0 60px 0;
	margin-bottom:0px;
	font-size: 14px; font-size: 1.4rem;
	letter-spacing: 0.2em; letter-spacing: 0.1rem;
	line-height:1.7em;line-height:2.5rem;
}

.leftContents{
	width:230px;
	float:left;
}

.rightContents{
	width:660px;
	float:right;
	font-family: 'Meiryo', 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic Pro', 'Osaka', helvetica, sans-serif ;
	font-size: 14px; font-size: 1.4rem;
	letter-spacing: 0.2em; letter-spacing: 0.1rem;
	line-height:1.7em;line-height:2.5rem;
}

.rightContents h2{
	margin-bottom:30px;
	font-family: "ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro",'Meiryo', 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic Pro', 'Osaka', helvetica, sans-serif ;
	font-size: 24px; font-size: 2.4rem;
	line-height:28px;
}

.rightContents h3{
	font-size: 24px; font-size: 2.4rem;
	font-family: "ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro",'Meiryo', 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic Pro', 'Osaka', helvetica, sans-serif ;
	line-height:28px;
	font-weight:lighter;
	margin:20px 0 20px 0;
	border-bottom:1px solid #9f9f9f;
	padding-bottom:5px;
}

.rightContents h4{
	font-size: 14px; font-size: 1.4rem;
	font-family: "ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro",'Meiryo', 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic Pro', 'Osaka', helvetica, sans-serif ;
	line-height:1.5em;
	font-weight:lighter;
	padding-bottom:5px;
}


.rightContents small{
	font-size: 11px; font-size: 1.1rem;
	display:block;
}


.rightContents a[href$=".pdf"]:after{
	font-family: 'fsc';
	content: ' p';
	color:#C30;
}

a.blank:after{
	font-family: 'fsc';
	content: ' b';
	color:#00a592;
}




/* table
--------------------------------------------------------------------------------------------------------------------*/

table{
	width:100%;
}

table td,table th{
	border-bottom:1px dotted #bdc0c1;
}

table td{
	padding:15px 0 15px 10px;
}

table th{
	padding:15px 10px 15px 0;
	text-align:center;
	color:#989898;
	font-weight:lighter;
	vertical-align: middle;
}



/* subMenu
--------------------------------------------------------------------------------------------------------------------*/

.subMenu li a{
	padding:15px 10px 15px 10px;
	font-size: 15px; font-size: 1.5rem;
	display:block;
	margin-bottom:15px;
	text-decoration:none;
}

.subMenu li.active a,
.subMenu li a:hover{
	background:#def3f1;
	color:#00a592;
}


.subMenu li ul{
	margin-bottom:20px;
}

.subMenu li li a{
	padding:5px 5px 5px 20px;
	font-size: 13px; font-size: 1.3rem;
	margin-bottom:5px;
}

.subMenu li.active li a{
	background: url(/ir_assets/root/images/base/line_sub.png) no-repeat 20px 10px;
	padding-left:35px;
	color:#7e7e7e;

}

.subMenu li li.active a,
.subMenu li li a:hover{
	background:none;
	color:#00a592;
	background: url(/ir_assets/root/images/base/line_sub.png) no-repeat 20px 10px;
	padding-left:35px;
}

.subMenu li a.bnrVoting {
	margin: 50px 0 0;
}

.subMenu li a.bnrVoting img {
	max-width: 100%;
}

/* news index
--------------------------------------------------------------------------------------------------------------------*/

.newsList{
	margin-bottom:60px;
}

.newsList li{
	border-bottom:1px solid #dedede;
	padding-bottom:20px;
	margin-bottom:20px;
}

.newsList li:last-child{
	margin-bottom:0px;
	padding-bottom:0px;
	border:none;
}

.newsList li span{
	width:130px;
	float:left;
	color:#a0a0a0;
}


.newsList li a{
	width:500px;
	float:left;
}

body#newsDetail .rightContents .newsTitle{
	font-size: 20px; font-size: 2.0rem;
	font-family: "ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro",'Meiryo', 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic Pro', 'Osaka', helvetica, sans-serif ;
	margin-bottom:10px;
	border:none;
}


body#newsDetail .rightContents .date{
	font-size: 11px; font-size: 1.1rem;
	border-bottom:#999 solid 1px;
	padding-bottom:10px;
	margin-bottom:20px;
	display:block;
}


/* company index
--------------------------------------------------------------------------------------------------------------------*/

#companyIndex .rightContents p{
	font-size: 14px; font-size: 1.4rem;
	line-height:28px; line-height:2.8rem;
	letter-spacing:0.02px; letter-spacing:0.2rem;
}

/* companyOutline
--------------------------------------------------------------------------------------------------------------------*/

#companyOutline .map{
	margin-bottom:20px;
}

#companyOutline .yakuinTd span{
	width:9em;
	display:inline-block;
    *display: inline;
    *zoom: 1;
}


/* company history
--------------------------------------------------------------------------------------------------------------------*/

#companyHistory .historyWrapper{
	background:url(../images/company/history/bg_tl.png) repeat-y;
}


#companyHistory .yearblock {
	margin: 0 0 0 0;
}

#companyHistory .yearblock .left {
	width: 110px;
	height: 26px;
	margin: 0 0 0 5px;
	padding: 10px 0 0 0;
	background: url(../images/company/history/blowoff.png) top left no-repeat;
	text-align: center;
	font-family: "ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro",'Meiryo', 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic Pro', 'Osaka', helvetica, sans-serif ;
	font-size: 16px; font-size: 1.6rem;
	color: #fff;
}


#companyHistory .yearblock .right ul {
	margin: 20px 0 30px 0;
}

#companyHistory .yearblock .right li {
	margin: 0 0 0 0;
	padding: 0 0 0 34px;
	background: url(../images/company/history/list_mark.png) 0px 2px no-repeat;
}

#companyHistory .yearblock .right li span {
	float: left;
	width: 50px;
	color: #a2aeb0;
	display:block;
}

#companyHistory .yearblock .right li p {
	float: left;
	width: 560px;
	margin: 0 0 10px 0;
}


/* companyPhilosophy
--------------------------------------------------------------------------------------------------------------------*/

#companyPhilosophy .rightContents p{
	padding-left:20px;
}

#companyPhilosophy .rightContents h4 strong{
	font-size: 16px; font-size: 1.6rem;
	font-weight:bold;
}


/* ir index
--------------------------------------------------------------------------------------------------------------------*/

#irMessage .rightContents{
	background:url(../images/ir/index/bg.png) no-repeat center 0px;

}

#irMessage .rightContents p{
	font-size: 14px; font-size: 1.4rem;
	line-height:42px; line-height:4.2rem;
	letter-spacing:0.02px; letter-spacing:0.2rem;
}


#irCal .rightContents h3{
	margin:60px 0 10px 0;
}


/* ir library
--------------------------------------------------------------------------------------------------------------------*/

.singleList li{
	border-bottom:1px solid #dedede;
	padding-bottom:20px;
	margin-bottom:20px;
}


h4.irLib{
	font-size: 16px; font-size: 1.6rem;
	font-family: "ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro",'Meiryo', 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic Pro', 'Osaka', helvetica, sans-serif ;
	line-height:16px;
	font-weight:lighter;
	margin:60px 0 20px 0;
	border-bottom:1px dotted #9f9f9f;
	padding-bottom:5px;
}


/* ir faq
--------------------------------------------------------------------------------------------------------------------*/

.question li{
	background:url(/ir_assets/root/images/base/arrow_double.png) no-repeat 0 3px;
	padding-left:15px;
	margin-bottom:10px;
}

.question{
	margin-bottom:60px;
}


#irFaq .rightContents h4{
	font-size: 16px; font-size: 1.6rem;
	font-family: "ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro",'Meiryo', 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic Pro', 'Osaka', helvetica, sans-serif ;
	margin-bottom:10px;
	border-bottom:#999 solid 1px;
	margin-top:60px;
}


/* recruit
--------------------------------------------------------------------------------------------------------------------*/

#recruit .rightContents h2{
	margin-top:120px;
}

#recruit .rightContents h2#fresh{
	margin-top:0px;
}


#recruit .rightContents .recruitList p{
	padding-left:20px;
}

#recruit .rightContents h3{
	margin-top:30px;
}

/* contact
--------------------------------------------------------------------------------------------------------------------*/

#contact .rightContents .policy{
	height:160px;
	overflow:auto;
	background:#ececec;
	padding:10px 20px;
	margin-bottom:10px;
}

#contact .rightContents .policy h3{
	font-size: 16px; font-size: 1.6rem;
	margin-bottom:5px;
}

.ness{
	color:#da8517;
	font-size: 11px; font-size: 1.1rem;
}

input[type="text"]{
	padding:5px;
	font-size: 14px; font-size: 1.4rem;
	-webkit-border-radius: 5px;     /* for Safari and Chrome */
	-moz-border-radius: 5px;    /* for Firefox */
	-o-border-radius: 5px;  /* when Opera Presto 2.3 or later is released */
	-khtml-border-radius:5px;   /* Linux browsers */
	border-radius: 5px;     /* CSS3 */
	behavior: url(border-radius.htc);   /* for IE */
	border:#e5e5e5 solid 1px;
	margin:0 15px 0 3px;
}

textarea{
	padding:5px;
	font-size: 14px; font-size: 1.4rem;
	-webkit-border-radius: 5px;     /* for Safari and Chrome */
	-moz-border-radius: 5px;    /* for Firefox */
	-o-border-radius: 5px;  /* when Opera Presto 2.3 or later is released */
	-khtml-border-radius:5px;   /* Linux browsers */
	border-radius: 5px;     /* CSS3 */
	behavior: url(border-radius.htc);   /* for IE */
	border:#e5e5e5 solid 1px;
}


select {
	font-size: 14px; font-size: 1.4rem;
	padding: 5px;
	border:#e5e5e5 solid 1px;
	background: #fff;

}



.form-buttons {
	padding: 30px 0 13px 0;
	text-align: center;
}

.form-buttons input,
.form-buttons button {
	-webkit-border-radius: 5px;     /* for Safari and Chrome */
	-moz-border-radius: 5px;    /* for Firefox */
	-o-border-radius: 5px;  /* when Opera Presto 2.3 or later is released */
	-khtml-border-radius:5px;   /* Linux browsers */
	border-radius: 5px;     /* CSS3 */
	border: none;
	behavior: url(border-radius.htc);   /* for IE */
	width: 230px;
	height: 50px;
	background-color: #a5a9ac;
	font-size: 120%;
	color: #fff;
	margin: 0 10px 0 0;
}

.form-buttons input.submit {
	background-color: #f39c12;
}



.color_red{
	background:#ffecec;
	padding:20px;
	color:#cc3e3e;
}





/* privacy
--------------------------------------------------------------------------------------------------------------------*/

#privacy .grayBox{
	background:#ececec;
	padding:20px 20px 5px 20px;
	margin-bottom:20px;
}


#privacy .grayBox p{
	font-size: 11px; font-size: 1.1rem;
	line-height:1.5em;
}

#privacy table th{
	width: 25%;
	text-align: left;
}

/* sitemap
--------------------------------------------------------------------------------------------------------------------*/

#sitemap .singleColumn{
	width:820px;
	margin:0 auto;
	padding:20px 0 0 0 ;
}

#sitemap .singleColumn h2{
	margin-bottom:30px;
	line-height:28px;
}



#sitemap .mainInner{
	background:none;
}


#sitemap .singleColumn{
	background:url(../images/ir/index/bg.png) center no-repeat;
}

#sitemap .singleColumn a{
	text-decoration:none;
}

#sitemap .singleColumn h3{
	font-size: 17px; font-size: 1.7rem;
	border-top:1px dotted #bdc0c1;
	border-bottom:none;
	margin: 0 0 0 0;
	padding:15px 0  10px 0;

}


#sitemap .singleColumn ul{
	margin-bottom:15px;
	padding-left:20px;
}

#sitemap .singleColumn .leftColumn{
	float:left;
	width:350px;
}

#sitemap .singleColumn .rightColumn{
	float:right;
	width:350px;
}