@charset "Shift_JIS";


@media screen and (min-width: 641px) {

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

body {font-family: "メイリオ", "Meiriyo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif;}

#company_index #contentsArea { width:980px !important; margin:0 auto; padding-bottom:60px; padding-top:30px;}
#company_index #contentsArea p { font-size:16px; line-height:200%;}
body { position:relative;}
body #pageTop { position:fixed; right:15px; bottom:15px; z-index:100;}

.right { text-align:right !important}

/****************************************************
トップページ
****************************************************/

/**メインビジュアル**/

#company_index #mainVisual {
	width: 100%;
	height: 562px;
	background-image: url(../../img/bg.jpg);
	background-repeat: repeat-x;
	margin-top:-16px;
}

#company_index #mainVisual p{
	width: 100%; height:562px;
	background-image: url(/img/mainvisual.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent:-1000px;
}

#company_index #contentsArea .leftArea{width:676px; float:left;}
#company_index #contentsArea h3 {
	font-size:20px;
	border-bottom-width: 3px !important;
	border-bottom-style: solid !important;
	border-bottom-color: #e0e0e0 !important;
	padding-bottom:2px !important;
	width:100% !important;
}
#company_index #contentsArea h3 {
	font-size:20px;
	border-bottom-width: 3px !important;
	border-bottom-style: solid !important;
	border-bottom-color: #e0e0e0 !important;
	padding-bottom:2px !important;
	width:100% !important;
}
#company_index #contentsArea h3 span {
	border-bottom-width: 3px !important;
	border-bottom-style: solid !important;
	border-bottom-color: #f7003d !important;
	padding-bottom:2px !important;
	padding-left:10px;padding-right:10px;}
	
/**お知らせ**/

#company_index dl#news{ width:676px;}
#company_index dl#news dt{
	clear: left;
	float: left;
	margin: 0;
	padding: 10px 0 10px 0.5em;
	width: 7em;
	line-height: 1.5em;
}
#company_index dl#news dd{
    margin:0;
    padding:10px 0.5em 10px 7.5em;
    border-bottom:1px solid #CCC;
    line-height:1.5em;
}
#company_index dl#news a{ padding: 5px 20px 5px 0; color:#399CCD; text-decoration:underline;}

/**右カラム**/

#company_index #contentsArea .rightArea{
	width: 273px;
	float: right;
}


/****************************************************
下層ページ共通
****************************************************/

h2#title, h2#title_pre { width:100%; background-color:#e60039; color:#FFF; text-align:center; font-size:25px; font-weight:normal; padding:30px 0 ;  margin-bottom:0px;}
h2#title span { font-size:14px;}

#pankuzu { background-color:#efefef; margin:0 !important;}
#pankuzu ul { width:980px; margin:0 auto;}
#pankuzu li{ display:inline-table; padding:7px 0; margin:0 10px 0 0;}

#pankuzu li a {
	background-image: url(../img/pankuzu_allow.gif);
	background-repeat: no-repeat;
	background-position: right 3px;
	padding-right: 25px;
	color: #333;
}

.fRight { float:right; padding-left:30px;}

h3.midashi { font-size:30px !important; color:#e60039;}


#contentsIndex { width:100%; background-color:#efefef; margin-bottom:30px; padding:15px 0;}
#contentsIndex .inner { width:980px; margin:0 auto;}
#contentsIndex .inner ul { margin:0px; padding:0px;}
#contentsIndex .inner li { list-style:none; margin:0 !important; padding:0 !important;}
#contentsIndex .inner li a{
	display: block;
	width: 302px;
	background-color: #cdcdcd;
	float: left;
	margin: 0 0 10px 10px;
	text-align: center;
	padding: 30px 0;
	background-image: url(/common/img/contents_index_allow.png);
	background-repeat: no-repeat;
	background-position: right center;
	border-top-width: 7px;
	border-right-width: 7px;
	border-bottom-width: 7px;
	border-left-width: 7px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #cdcdcd;
	border-right-color: #cdcdcd;
	border-bottom-color: #cdcdcd;
	border-left-color: #cdcdcd;
	color:#333;
	text-decoration:none;
}

.gt #contentsIndex .inner li#greeting a{ border: 7px solid #e60039; background-color:#e60039; color:#FFF;background-image: url(/common/img/contents_index_allow_on.png);}

.mg #contentsIndex .inner li#management a{ border: 7px solid #e60039; background-color:#e60039; color:#FFF;background-image: url(/common/img/contents_index_allow_on.png);}

.st #contentsIndex .inner li#strategy a{ border: 7px solid #e60039; background-color:#e60039; color:#FFF;background-image: url(/common/img/contents_index_allow_on.png);}

.ot #contentsIndex .inner li#outline a{ border: 7px solid #e60039; background-color:#e60039; color:#FFF;background-image: url(/common/img/contents_index_allow_on.png);}

.st2 #contentsIndex .inner li#structure a{ border: 7px solid #e60039; background-color:#e60039; color:#FFF;background-image: url(/common/img/contents_index_allow_on.png);}

.cp #contentsIndex .inner li#corp a{ border: 7px solid #e60039; background-color:#e60039; color:#FFF;background-image: url(/common/img/contents_index_allow_on.png);}


#contentsIndex .inner li a:hover{ border: 7px solid #e60039; background-color:#e60039; color:#FFF;background-image: url(/common/img/contents_index_allow_on.png);}
#contentsIndex .inner li#strategy a,
#contentsIndex .inner li#structure a { margin-right:0px !important;}

/****************************************************
あゆみ製薬について
****************************************************/



#company_index h2#title {
	background-image: url(/common/img/current.png);
	background-position: 300px top;
	background-repeat: no-repeat;
}

#company_index h2#title_pre {
	background-position: 300px top;
	background-repeat: no-repeat;
}


#company_index table#outline {
	width: 95%;
	margin: 0 auto;
	
}
#company_index table#outline,
#company_index table#outline tr,
#company_index table#outline th,
#company_index table#outline td { border-collapse:collapse;border: 1px solid #CCC;}

#company_index table#outline th {
	background-color: #F0F0F0;
	color: #333;
	width: 25%;
}

#company_index table#outline th,
#company_index table#outline td { padding: 15px 10px;}


/****************************************************
就職希望の皆様
****************************************************/

#recruit_index h2#title {
}

#recruit_index h2#title_pre {
	background-position: 300px top;
	background-repeat: no-repeat;
}


#recruit_index table#outline {
	width: 95%;
	margin: 0 auto;
	
}
#recruit_index table#outline,
#recruit_index table#outline tr,
#recruit_index table#outline th,
#recruit_index table#outline td { border-collapse:collapse;border: 1px solid #CCC;}

#recruit_index table#outline th {
	background-color: #F0F0F0;
	color: #333;
	width: 25%;
}

#recruit_index table#outline th,
#recruit_index table#outline td { padding: 15px 10px;}


/****************************************************
透明性
****************************************************/

#caption ol { font-size:12px !important;}

#caption p { font-size:12px !important; margin-bottom:5px !important; padding-bottom:5px !important;}


/****************************************************
利用規約
****************************************************/

#company_index.term h2#title { background-image: none !important; margin-top:25px;}
#company_index.term #contentsArea ol li ul li{
	list-style-position: outside !important;
	list-style-image: none;
	list-style-type: none;
	padding-left: 0px !important;
	margin-left:0px !important;
	text-indent:-1.5em;
	line-height:180%;
}
#company_index.term #contentsArea ul {
	list-style-position: outside !important;
	padding-left: 10px !important;
	margin-left:0px !important;
}

/****************************************************
医療関係者の皆様
****************************************************/

#medical_index #contentsArea { width:980px !important; margin:0 auto; padding-bottom:10px; padding-top:30px;}

#medical_index h2#title {
	background-image: url(/common/img/current.png);
	background-position: 820px top;
	background-repeat: no-repeat;
}

#medical_index #contentsArea h3 {
	font-size:20px;
	border-bottom-width: 3px !important;
	border-bottom-style: solid !important;
	border-bottom-color: #e0e0e0 !important;
	padding-bottom:2px !important;
	width:100% !important;
}
#medical_index #contentsArea h3 span {
	border-bottom-width: 3px !important;
	border-bottom-style: solid !important;
	border-bottom-color: #f7003d !important;
	padding-bottom:2px !important;
	padding-left:10px;padding-right:10px;}
	

#medical_index #contentsIndex { width:100%; background-color:#efefef; margin-bottom:60px; padding:30px 0;}
#medical_index #contentsIndex .inner { width:980px; margin:0 auto;}
#medical_index #contentsIndex .inner ul { margin:0px; padding:0px;}
#medical_index #contentsIndex .inner li { list-style:none; margin:0 !important; padding:0 !important;}
#medical_index #contentsIndex .inner li a{
	display: block;
	width: 470px;
	background-color: #cdcdcd;
	float: left;
	margin: 0 10px 10px 10px;
	text-align: center;
	padding: 30px 0;
	background-image: url(/common/img/contents_index_allow.png);
	background-repeat: no-repeat;
	background-position: right center;
	color:#333;
	text-decoration:none;
	border:none !important;
}

#medical_index #contentsIndex .inner li a:hover{
	background-color: #e60039 !important;
	color:#FFF;
}


#brand_name tr dl dt {
	font-size: 16px;
	text-decoration: underline;
	font-weight: bold;
	margin-bottom: 10px;
}

#brand_name tr dl dd {
	margin-left: 0;
}


}


@media screen and (max-width: 640px) {

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

#company_index #contentsArea { width:100% !important; margin:0 auto; padding-bottom:60px; padding-top:30px;}
#company_index #contentsArea p { font-size:16px; line-height:200%;}
body { position:relative;}
body #pageTop { position:fixed; right:15px; bottom:15px; z-index:100;}

.right { text-align:right !important}

/****************************************************
トップページ
****************************************************/

/**メインビジュアル**/

#company_index #mainVisual {
	width: 100%;
	height: 562px;
	background-image: url(../../img/bg.jpg);
	background-repeat: repeat-x;
	margin-top:-16px;
}

#company_index #mainVisual p{
	width: 100%; height:562px;
	background-image: url(/img/mainvisual.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent:-1000px;
}

#company_index #contentsArea .leftArea{width:676px; float:left;}
#company_index #contentsArea h3 {
	font-size:20px;
	border-bottom-width: 3px !important;
	border-bottom-style: solid !important;
	border-bottom-color: #e0e0e0 !important;
	padding-bottom:2px !important;
	width:100% !important;
}
#company_index #contentsArea h3 {
	font-size:20px;
	border-bottom-width: 3px !important;
	border-bottom-style: solid !important;
	border-bottom-color: #e0e0e0 !important;
	padding-bottom:2px !important;
	width:100% !important;
}
#company_index #contentsArea h3 span {
	border-bottom-width: 3px !important;
	border-bottom-style: solid !important;
	border-bottom-color: #f7003d !important;
	padding-bottom:2px !important;
	padding-left:10px;padding-right:10px;}
	
/**お知らせ**/

#company_index dl#news{ width:676px;}
#company_index dl#news dt{
	clear: left;
	float: left;
	margin: 0;
	padding: 10px 0 10px 0.5em;
	width: 7em;
	line-height: 1.5em;
}
#company_index dl#news dd{
    margin:0;
    padding:10px 0.5em 10px 7.5em;
    border-bottom:1px solid #CCC;
    line-height:1.5em;
}
#company_index dl#news a{ padding: 5px 20px 5px 0; color:#399CCD; text-decoration:underline;}

/**右カラム**/

#company_index #contentsArea .rightArea{
	width: 273px;
	float: right;
}


/****************************************************
下層ページ共通
****************************************************/

h2#title, h2#title_pre { width:100%; background-color:#e60039; color:#FFF; text-align:center; font-size:25px; font-weight:normal; padding:30px 0 ;  margin-bottom:0px;}
h2#title span { font-size:14px;}

#pankuzu { background-color:#efefef; margin:0 !important;}
#pankuzu ul { width:980px; margin:0 auto;}
#pankuzu li{ display:inline-table; padding:7px 0; margin:0 10px 0 0;}

#pankuzu li a {
	background-image: url(../img/pankuzu_allow.gif);
	background-repeat: no-repeat;
	background-position: right 3px;
	padding-right: 25px;
	color: #333;
}

.fRight { float:right; padding-left:30px;}

h3.midashi { color:#e60039;}


#contentsIndex { width:100%; background-color:#efefef; margin-bottom:30px; padding:15px 0;}
#contentsIndex .inner { margin:0 auto;}
#contentsIndex .inner ul { margin:0px; padding:0px;}
#contentsIndex .inner li { list-style:none; margin:0 !important; padding:0 !important;}
#contentsIndex .inner li a{
	display: block;
	width: 302px;
	background-color: #cdcdcd;
	float: left;
	margin: 0 0 10px 10px;
	text-align: center;
	padding: 30px 0;
	background-image: url(/common/img/contents_index_allow.png);
	background-repeat: no-repeat;
	background-position: right center;
	border-top-width: 7px;
	border-right-width: 7px;
	border-bottom-width: 7px;
	border-left-width: 7px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #cdcdcd;
	border-right-color: #cdcdcd;
	border-bottom-color: #cdcdcd;
	border-left-color: #cdcdcd;
	color:#333;
	text-decoration:none;
}

.gt #contentsIndex .inner li#greeting a{ border: 7px solid #e60039; background-color:#e60039; color:#FFF;background-image: url(/common/img/contents_index_allow_on.png);}

.mg #contentsIndex .inner li#management a{ border: 7px solid #e60039; background-color:#e60039; color:#FFF;background-image: url(/common/img/contents_index_allow_on.png);}

.st #contentsIndex .inner li#strategy a{ border: 7px solid #e60039; background-color:#e60039; color:#FFF;background-image: url(/common/img/contents_index_allow_on.png);}

.ot #contentsIndex .inner li#outline a{ border: 7px solid #e60039; background-color:#e60039; color:#FFF;background-image: url(/common/img/contents_index_allow_on.png);}

.st2 #contentsIndex .inner li#structure a{ border: 7px solid #e60039; background-color:#e60039; color:#FFF;background-image: url(/common/img/contents_index_allow_on.png);}

#contentsIndex .inner li a:hover{ border: 7px solid #e60039; background-color:#e60039; color:#FFF;background-image: url(/common/img/contents_index_allow_on.png);}
#contentsIndex .inner li#strategy a,
#contentsIndex .inner li#structure a { margin-right:0px !important;}

/****************************************************
あゆみ製薬について
****************************************************/



#company_index h2#title {
	background-image: url(/common/img/current.png);
	background-position: 300px top;
	background-repeat: no-repeat;
}

#company_index h2#title_pre {
	background-position: 300px top;
	background-repeat: no-repeat;
}


#company_index table#outline {
	width: 95%;
	margin: 0 auto;
	
}
#company_index table#outline,
#company_index table#outline tr,
#company_index table#outline th,
#company_index table#outline td { border-collapse:collapse;border: 1px solid #CCC;}

#company_index table#outline th {
	background-color: #F0F0F0;
	color: #333;
	width: 25%;
}

#company_index table#outline th,
#company_index table#outline td { padding: 15px 10px;}


/****************************************************
透明性
****************************************************/

#caption ol { font-size:12px !important;}

#caption p { font-size:12px !important; margin-bottom:5px !important; padding-bottom:5px !important;}


/****************************************************
利用規約
****************************************************/

#company_index.term h2#title { background-image: none !important; margin-top:25px;}
#company_index.term #contentsArea ol li ul li{
	list-style-position: outside !important;
	list-style-image: none;
	list-style-type: none;
	padding-left: 0px !important;
	margin-left:0px !important;
	text-indent:-1.5em;
	line-height:180%;
}
#company_index.term #contentsArea ul {
	list-style-position: outside !important;
	padding-left: 10px !important;
	margin-left:0px !important;
}

/****************************************************
医療関係者の皆様
****************************************************/

#medical_index #contentsArea { margin:10px; padding-bottom:10px; padding-top: 10px;}

#medical_index h2#title {
	background-image: url(/common/img/current.png);
	background-position: 820px top;
	background-repeat: no-repeat;
}

#medical_index #contentsArea h3 {
	font-size:20px;
	border-bottom-width: 3px !important;
	border-bottom-style: solid !important;
	border-bottom-color: #e0e0e0 !important;
	padding-bottom:2px !important;
	width:100% !important;
}
#medical_index #contentsArea h3 span {
	border-bottom-width: 3px !important;
	border-bottom-style: solid !important;
	border-bottom-color: #f7003d !important;
	padding-bottom:2px !important;
	padding-left:10px;padding-right:10px;}
	

#medical_index #contentsIndex { width:100%; background-color:#efefef; margin-bottom:30px; padding:30px 0;}
#medical_index #contentsIndex .inner { margin:0 auto;}
#medical_index #contentsIndex .inner ul { margin:0px; padding:0px;}
#medical_index #contentsIndex .inner li { list-style:none; margin:0 !important; padding:0 !important;}
#medical_index #contentsIndex .inner li a{
	display: block;
	width: 95%;
	background-color: #cdcdcd;
	margin: 0 10px 10px 10px;
	text-align: center;
	padding: 30px 0;
	background-image: url(/common/img/contents_index_allow.png);
	background-repeat: no-repeat;
	background-position: right center;
	color:#333;
	text-decoration:none;
	border:none !important;
}

#medical_index #contentsIndex .inner li a:hover{
	background-color: #e60039 !important;
	color:#FFF;
}


#brand_name tr dl dt {
	font-size: 16px;
	text-decoration: underline;
	font-weight: bold;
	margin-bottom: 10px;
}

#brand_name tr dl dd {
	margin-left: 0;
}


}