/*
Theme Name: コスモス薬品
Theme URI: http://www.cosmospc.co.jp/
*/

/****************************************
1. サイドメニュー
*****************************************/

/***** カテゴリページ *****/

#side_cat{
	background: #d51559;
	width: 176px;
	overflow: hidden;}

#side_cat li{
	margin-bottom: 0;
	list-style-type: none;
	line-height: 0;}

#side_cat li a{
	display: block;
	line-height: 40px;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	text-shadow: 2px 2px 1px rgba(0,0,0,0.2);
	width: 176px;
	padding-left: 5px;
	float: left;
	text-decoration: none;
	border-bottom: solid 1px #aaa;}


#side_cat ul{
	margin: 0;
	padding: 0;}


#side_menu2 {
	width: 176px;
	overflow: hidden;
	margin-bottom:0;}

 
#side_menu2 li{
	display:inline-block;
	list-style-type: none;
	line-height: 0;}

#side_menu2 li a{
	width: 176px;
	height: 40px;
	display:block;
	line-height: 40px;
	color:#000;
	font-size: 15px;
	font-weight: bold;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	text-shadow: 2px 2px 1px rgba(0,0,0,0.2);
	text-decoration:none;
	padding-left: 5px;
    background:#fff;
	border-bottom: solid 1px #aaa;}

#side_menu2 li a:hover{
	color: #000;
	background: #ddd;}

#side_menu2 ul{
	margin: 0;
	padding: 0;}

#side_menu2 li a.active{
	background: #FFBBE0;}



.img_outbound_bk_i{
	position: relative;
	top: 2px;
	margin-left: 12px;
	width: 11px;
	height: 16px;}

.side_small{
	line-height: 1.1em;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	width: 176px;
	padding-left: 0;
	padding-bottom: 10px;
	margin-top: -8px;
	float: left;
	text-decoration: none;}


/***** ページ共通 *****/
.imgtosyo{
	display: block;
	overflow: hidden;
	margin: 10px auto 0 auto;
	width: 92px;
	height: 117px;}


/****************************************
2. ボタンメニュー
*****************************************/

/***** 各カテゴリトップ *****/

#button{
	margin:auto;}

.button_menu{
	width: 260px;
	float: left;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 20px;}

.button_menu a{
	display:block;
	width: 240px;
	height: 62px;
	line-height: 62px;
	color:#000;
	font-size: 17px;
	font-weight: bold;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	text-shadow: 2px 2px 1px rgba(0,0,0,0.2);
	text-decoration:none;
	text-align: center;
	overflow: hidden;
	background-image: url(../images/menu_button.png);
	background-size: 240px 134px;
	background-repeat: no-repeat;
	margin: 0 10px;}

.button_menu a:hover{
	background-position: 0 -74px;}

.button_menu p{
	color:#000;
	text-align: center;
	font-size: 12px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	margin: 3px 0;}

.button_caption{
	text-align:center;
	color:#000;
	font-size: 13px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	text-decoration:none;
	text-align: center;
	line-height: 1em;}


.img_outbound_bk{
	position: relative;
	top: 2px;
	margin-left: 10px;
	width: 55px;
	height: 18px;}

/***** 各ページ小ボタン *****/

.button_menu_s{
	width: 200px;
	float: left;
	margin: 10px;}

.button_menu_s a{
	display:block;
	width: 200px;
	height: 52px;
	background-position: 0 -1px;
	line-height: 56px;
	color:#000;
	font-size: 15px;
	font-weight: bold;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	text-shadow: 2px 2px 1px rgba(0,0,0,0.2);
	text-decoration:none;
	text-align: center;
	overflow: hidden;
	background-image: url(../images/menu_button_s.png);
	background-repeat: no-repeat;
	margin: 10px 15px 0 10px;}

.button_menu_s a:hover{
	background-position: 0 -62px;}



/****************************************
3. フォント設定
*****************************************/

/***** 見出し *****/

h1{
	line-height: 23px;
	font-size: 23px;
	font-weight: bold;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	color: #000;
	border-bottom: solid 2px #aaa;
	margin: 20px 0 5px 0;
	padding: 10px 3px;}

h2{
	line-height: 1.2;
	background: #ddd;
	border: solid 1px #aaa;
	font-size: 18px;
	font-weight: bold;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	color: #000;
	text-shadow: 2px 2px 1px #fff;
	margin: 0 0 15px 0;
	padding: 5px 10px 3px;}

h3{
	line-height: 1.4;
	font-size: 19px;
	font-weight: bold;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	color: #000;
	text-shadow: 2px 2px 1px rgba(0,0,0,0.2);
	margin-bottom: 15px;
	padding: 5px 0;}

h4{
	line-height: 1.8em;
	font-size: 16px;
	font-weight: bold;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	color: #000;
	padding-bottom: 3px;}

article{
	margin-top: 50px;
	margin-bottom: 20px;
	overflow: hidden;}

.post{
	padding: 0 15px;}

.post2{
	padding-left: 15px;}

p{
	line-height: 1.8;
	font-size: 14px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;}

p.right{
	text-align: right;}

p.newline{
	text-indent: 1em;}

p.point{
	color: #0000CD;}

em{
	margin: 0 5px;
	font-weight: bold;}

.em_nospace{
	font-weight: bold;
	margin-left: -15px;
	margin-right: -15px;
	letter-spacing: -0.01em;}

sup{
	font-size: 0.8em;
	position: relative;
	top: -0.5em;
	margin-right: 2px;}

p.l2{
	margin-left: 1em;}

p.l3{
	margin-left: 2em;}

p.l4{
	font-weight: bold;
	margin-left: 2em;}

p.l5{
	margin-left: 5em;}

p.kome{
	margin-left: 1em;
	text-indent: -1em;}

p.kome2{
	margin-top: 15px;
	margin-left: 2em;
	text-indent: -2em;}

.chuui{
	margin-top: 10px;
	font-size: 1.1em;
	font-weight: bold;
	color: #d51559;}



/****************************************
4. テーブル
*****************************************/

/***** 概要 *****/
.t1 {
	width: 100%;
	line-height: 150%;
	font-size: 14px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	color: #000;
	border-collapse: collapse;}

.t1 th{
	width: 100px;
	padding: 10px;
	background: #eee;
	text-align: center;
	border: solid 1px #aaa;}

.t1 td{
	padding: 10px 10px 10px 15px;
	text-align: left;
	border: solid 1px #aaa;}


.t2 {
	line-height: 1.8;
	font-size: 14px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	color: #000;
	border-collapse: collapse;}

.t2 th{
	width: 175px;
	padding: 15px 10px;
	background: #fff;
	text-align: left;
	border-bottom: solid 1px #aaa;}

.t2 td{
	padding: 15px 10px;
	text-align: left;
	border-bottom: solid 1px #aaa;}


.t3 {
	border: solid 1px #aaa;
	margin : 15px 15px;
	line-height: 1.2;
	font-size: 14px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	color: #000;
	border-collapse: collapse;}

.t3 th{
	border-top: solid 1px #aaa;
	padding: 7px 15px;
	background: #fff;
	text-align: right;
	vertical-align: middle;}

.t3 td{
	padding: 7px 15px;
	vertical-align: middle;}


.t6 {
	line-height: 1.5;
	font-size: 14px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	color: #000;
	border-collapse: collapse;}

.t6 th{
	padding: 5px 0;
	background: #fff;
	text-align: right;}

.t6 td{
	padding: 5px 20px;
	text-align: left;}

.t7 {
	line-height: 1.5;
	font-size: 14px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	color: #000;
	border-collapse: collapse;
	margin: 40px 0 40px 0;}

.t7 th{
	padding: 7px 0;
	background: #fff;
	text-align: right;}

.t7 td{
	padding: 7px 20px;
	text-align: left;}


.t9 {
	border: solid 1px #aaa;
	margin : 15px 15px;
	line-height: 1.2;
	font-size: 14px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	color: #000;
	border-collapse: collapse;}

.t9 th{
	border: solid 1px #aaa;
	padding: 7px;
	background: #eee;
	text-align: center;
	vertical-align: middle;}

.t9 td{
	width: 15%;
	text-align: center;
	border: solid 1px #aaa;
	padding: 7px 15px;
	vertical-align: middle;}

.t9 td:last-child{
	width: 70%;
	text-align: left;}

.t_est {
	width: 98%;
	margin : 15px 0 20px 0;
	line-height: 1.5;
	font-size: 14px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	color: #000;}

.t_est tr{
	clear: both;}

.t_est th{
	padding: 0;
	text-align: left;}

.t_est td{
	color: #000;
	padding: 0;
	text-align: left;}

.t_est caption{
	font-weight: bold;
	font-size: 15px;
	caption-side: top;
	text-align: left;
	}

.t_est td:first-child{
	width: 72px;}



/***** エントリーシート申し込み *****/

.entrysheet{
	margin: 10px 0 10px 35px;}

.entrysheet a{
	display: inline-block;
	line-height: 1.5;
	color:#000;
	background-color: #ddd;
	font-size: 15px;
	font-weight: bold;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	text-shadow: 2px 2px 1px rgba(0,0,0,0.2);
	text-decoration:none;
	overflow: hidden;
	background-image: url(../images/pdficon_large.png);
	background-repeat: no-repeat;
	background-position: 10px 1px;
	padding: 8px 15px 7px 50px;
	border: solid 1px #aaa;
	border-radius: 5px;}

.entrysheet a:hover{
	background-color: #FFBBE0;}


.entrysheet2{
	margin: 0 0 10px 35px;}

.entrysheet2 a{
	display: inline-block;
	line-height: 1.4;
	color:#000;
	background-color: #ddd;
	font-size: 14px;
	font-weight: bold;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	text-shadow: 2px 2px 1px rgba(0,0,0,0.2);
	text-decoration:none;
	overflow: hidden;
	background-image: url(../images/pdficon_large.png);
	background-repeat: no-repeat;
	background-position: 5px 1px;
	padding: 8px 15px 7px 45px;
	border: solid 1px #aaa;
	border-radius: 5px;}

.entrysheet2 a:hover{
	background-color: #FFBBE0;}


/***** エントリー申込みリンク *****/

.entrylink{
	margin: 10px 0;}

.entrylink a{
	width: calc( 100% - 22px );
	display: inline-block;
	line-height: 1.5;
	color:#000;
	background-color: #ddd;
	font-size: 15px;
	font-weight: bold;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	text-shadow: 2px 2px 1px rgba(0,0,0,0.2);
	text-decoration:none;
	text-align: center;
	overflow: hidden;
	padding: 10px;
	border: solid 1px #aaa;
	border-radius: 5px;}

.entrylink a:hover{
	background-color: #FFBBE0;}


/****************************************
5. メールボタン
*****************************************/

/***** 各カテゴリトップ・問い合わせ *****/

.button_mail{
	width: 227px;
	float: right;
	margin-bottom: 10px;}

.button_mail a{
	height: 59px;
	display:block;
	background-image: url(../images/mail_button.jpg);
	background-repeat: no-repeat;
	background-position: 0 -61px;
	line-height: 64px;
	color:#000;
	font-size: 14px;
	font-weight: bold;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	text-decoration:none;
	padding-left: 40px;
	text-align: center;
	overflow: hidden;}

.button_mail a:hover{
	background-position: 0 0;}


/****************************************
6. 部署案内
*****************************************/

/***** 各カテゴリトップ *****/

#address{
	margin-top: 40px;
	width: 800px;
	padding-top: 15px;
	border-top: solid 1px #aaa;
	overflow: hidden;}

.sub_add{
	float: left;
	padding-left:15px;
	margin: 4px 0;}

.sub_add_box{
	display: block;
	height: 70px;
	margin: 4px 0;}



/****************************************
7. 画像レイアウト
*****************************************/

/***** 社長メッセージ（署名） *****/

.imgsignature{
	margin-top: 30px;
	margin-left: 15px;
	width: 130px;
	height: 33px;
	vertical-align: -9px;}

/***** テキスト周り込み画像 *****/
.imgleft{
	float: left;
	margin: 0 20px 5px 0;}

.imgleft2{
	float: left;
	margin: 0 0 5px 0;}

.imgright{
	float: right;
	margin: 0 0 5px 20px;}


/****************************************
 タブパネル
*****************************************/

/***** タブリスト *****/
ul.tab{
	background-image: url(../images/lin_topshadow.gif);
	background-repeat:x;
	overflow: hidden;
	margin: 30px 0;}


ul.tab li{
	list-style-type:none;
	float: left;}

ul.tab li a{
	background-image: url(../images/tub_bg.jpg);
	background-position: 0 -60px;
	text-decoration: none;
	text-shadow: 2px 2px 1px #fff;
	color: #000;
	display: block;
	line-height: 1em;
	padding:10px 10px;
	border-top: solid 1px #aaa;
	border-left: solid 1px #aaa;
	border-right: solid 1px #aaa;
	border-radius: 10px 10px 0 0;
	box-shadow: inset -1px -2px 2px #aaa;}

ul.tab li a.selected{
	background-position: 0 0;
	color: #000;
	cursor: #default;
	box-shadow: inset 1px 2px 2px #fff;}

ul.panel{
	padding: 5px;
	clear: both;}

ul.panel li{
	list-style-type: none;}