@charset "shift_jis";
@import url(/static/css/common_large.css);
@import url(/static/css/style-form_large.css);
@import url(/static/css/style-form_detail_large.css);


/* ■ホーム■ */
/* アクセスナンバー入力部分の設定 */
#questionnaire {
	width: 958px;
	margin-bottom: 15px;
}
#questionnaire .textarea {
	background-image: url(../images/t_questionnaire_bg.jpg);
	padding: 0 0 0 200px;
}
#questionnaire .imgpadding {
	padding: 0 0 0 10px;
}
/* ------------------------------ */


/* 個人投資家のみなさまへ部分の設定 */
#investor {
	width: 910px;
	margin: 0 auto 20px auto;
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
}
#investor ul {
	list-style: none;
	margin: 20px 0 20px 11px;
	padding: 0;
}
#investor li {
	padding: 0 0 0 0px;
	display: inline;
	white-space: nowrap;
}
/* -------------------------------- */


/* ベリサイン部分の設定 */
#verisign {
	margin: 0;
	padding: 0;
}
/* -------------------- */


/* 新着情報用dtdd横並び設定 */
.dtdd-style{
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
}
.dtdd-style p {
	font-size: 1em;
	line-height: 1.8;
	margin: 0 0 8px 0;
}

#news dl {
	margin: 5px 0 0 0;
	border-bottom: 1px dotted #999999;
	padding: 0;
	width: 100%;
	font-size: 1em;
}
#news dl dt {
	margin: 0;
	padding: 5px 0 5px 10px;
	width: 11em;
}
#news dl dd {
	padding: 5px 5px 5px 10em;
	margin-left: 0;
	margin-top: -2.1em;
	margin-bottom: -1px;
	line-height: 1.4em;
}
/* ------------------------ */
/* ■------■ */


/* ■アンケート■ */
/* トップ：企業概要の設定 */
#outline {
	margin: 20px 25px;
}
#outline #companyname {
	width: 400px;
	margin: 0 auto;
	text-align: center;
}
#outline #companyname h1 {
	margin: 0;
	padding: 0;
	font-size: 16px;
}
#outline #companyname img {
	padding: 8px 0 0 0;
}

#outline #companytext {
	width: 400px;
	margin: 0 auto;
	padding: 10px 0 0 0;
	font-size: 14px;
	font-weight: bold;
	overflow: auto;
}


/* 回答＆メンバー登録の設定 */
#questionnaire_member {
	width: 635px;
	margin: 0 auto 30px auto;
}
#questionnaire_member #questionnaire {
	width: 310px;
	float: left;
}
#questionnaire_member #questionnaire div.questionnaire_area {
	width: 308px;
/*	height: 134px;*/
	height: 185px;
	border-style: solid;
	border-width: 1px;
	border-color: #CED8FF;
	background-color: #EEF1FF;
	text-align: center;
}
#questionnaire_member #member {
	margin: 0 0 0 15px;
	width: 310px;
	float: left;
}
#questionnaire_member #member div.member_area {
	width: 308px;
	height: 150px;
	border-style: solid;
	border-width: 1px;
	border-color: #FFE3B9;
	background-color: #FFF7EC;
	padding: 15px 0 20px 0;
	text-align: center;
}
#questionnaire_member #member div.idpwform {
/*	width: 176px;*/
	width: 95%;
	margin: 0 auto 0 auto;
}

#questionnaire_member #member div.idformname {
	float: left;
	padding: 8px 5px 0 0;
}
#questionnaire_member #member div.idform {
	float: left;
	margin: 5px 0 0 0;
}

#questionnaire_member #member input.numberid {
	font-size:12px;
	border:solid 1px #FAC500;
	width: 200px;
}
/*
#questionnaire_member #member input[type="text"] {
	font-size:12px;
	border:solid 1px #FAC500;
	width: 200px;
}
*/
#questionnaire_member #member input.numberpw {
	font-size:12px;
	border:solid 1px #FAC500;
	width: 200px;
}

#questionnaire_member img.btn_questionnaire {
	margin: 51px 0 0 0;
}
#questionnaire_member img.btn {
	margin: 20px 0 0 0;
}
#questionnaire_member input.btn {
	margin: 10px 0 10px 0;
}
#questionnaire_member input.btn_questionnaire {
	margin: 51px 0 0 0;
}


/* アンケートの実施に関して・お問い合わせの設定 */
#general-purpose {
	width: 635px;
	margin: 0 auto 20px auto;
}
#general-purpose #privacy_policy {
	margin: 0 0 30px 0;
	
}
#general-purpose #inquiry {
	margin: 0 0 0 0;
	
}
#general-purpose p {
	padding: 10px 15px 15px 15px;
}

#general-purpose #kiyakucontents {
	/* width: 435px; */
	/* height: 50px; */
	/* border-style: solid; */
	border-width: 1px;
	border-color: #666666;
	margin: 0 auto 10px auto;
	padding: 8px;
	overflow: auto;
}

/* 終了ページ関連の設定 */
#form_end_area {
	width: 640px;
	margin: 20px auto;
}
#form_end_area #endimage {
	margin: 120px 0 120px 0;
}
#form_end_area #irinfo_title {
	width: 640px;
	height: 43px;
	margin: 0;
	padding: 0;
	background-image: url(../questionnaire/images/t_irinfo_bg.jpg);
	background-repeat: no-repeat;
	text-align: center;
	vertical-align: middle;
}
#form_end_area #irinfo_title h2 {
	margin: 0;
	padding: 14px 0 0 0;
	font-size: 14px;
	color: #ffffff;
}
#form_end_area #irinfo_area {
	margin: 0;
	padding: 0;
	width: 638px;
	border: 1px;
	border-style: solid;
	border-color: #B8010F;
}
#form_end_area #irinfo_area p.irinfo_text01 {
	width: 492px;
	margin: 20px auto 0 auto;
	line-height: 180%;
}
#form_end_area #irinfo_area p.irinfo_text02 {
	width: 492px;
	margin: 10px auto 30px auto;
	line-height: 180%;
}


/* 終了ページ・キャンペーン告知部分の設定 */
#irinfo_campaign  {
	width: 492px;
	margin: 0px auto 30px auto;
}
#irinfo_campaign #irinfo_campaign_title {
	width: 492px;
	margin: 0 auto;
}
#irinfo_campaign #irinfo_campaign_textarea {
	width: 490px;
	border: 1px;
	border-style: solid;
	border-color: #FED19C;
}
#irinfo_campaign p.irinfo_campaign_text {
	width: 405px;
	margin: 15px auto 0 auto;
	line-height: 160%;
}
#irinfo_campaign #irinfo_campaign_prize {
	width: 469px;
	margin: 10px auto;
	border-top: 1px #cccccc dotted;
	border-bottom: 1px #cccccc dotted;
	text-align: center;
}
#irinfo_campaign #irinfo_campaign_prize #prizename {
	width: 469px;
	height: 35px;
	margin: 5px auto 10px auto;
	padding: 10px 0 0 0;
	display: block;
	background-image: url(../questionnaire/images/presentname_bg.jpg);
	background-repeat: no-repeat;
	text-align: center;
	font-size: 16px;
	color: #1C366A;
	font-weight: bold;
}
#irinfo_campaign #irinfo_campaign_prize p {
	font-size: 14px;
	margin: 10px 0 20px 0;
}


/* アイ・アール ジャパン会社概要部分の設定 */
#form_end_area #ir_campany_info {
	width: 469px;
	margin: 30px auto 0 auto;
}
#form_end_area #ir_campany_info h3 {
	margin: 0 0 10px 0;
}
#form_end_area #ir_campany_info p {
	margin: 0 0 10px 0;
}
/* ■----------■ */


/* ■上場企業のご担当様へ / 「株主ひろば」とは？■ */
#client_area {
	width: 635px;
	margin: 0 auto;
}
/* ------------------------ */

/* 本文の設定（タイトルとテキスト） */
#client_area .finding {
	margin: 30px 15px 15px 15px;
}

#client_area .finding_title {
	margin: 0 0 15px 0;
	padding: 5px 0px 5px 12px;
	border-left: 5px solid #FF6600;
	background-color: #eeeeee;
	font-size: 14px;
	font-weight: bold;
}
#client_area .finding_text {
	padding: 0 0 0 20px;
}
#client_area .finding_text p {
	margin: 0 0 15px 0;
}
/* -------------------------------- */
/* ■-------------------------------------------■ */


/* ■会社概要■ */
#corporate_area {
	width: 635px;
	margin: 0 auto;
}
/* -------------- */

/* テーブル全体の設定 */
#corporate_area #formcr {
	width: 100%;
	border-collapse:collapse;
	border: 1px;
	border-style:solid;
	border-color: #cccccc;
	}
/* ------------------ */

/* テーブル内、各タイトル部分（th）の設定 */	
#corporate_area #formcr th.thcr_item {
	width: 30%;
	padding: 11px 8px 8px 15px;
	border: 1px;
	border-style:solid;
	border-color: #cccccc;
	text-align: left;
	font-weight: normal;
	vertical-align: top;
	}
/* -------------------------------------- */

/* テーブル内、各項目（td）の設定01（背景：無し） */
#corporate_area #formcr td.tdcr_content {
	width: 70%;
	padding: 8px 8px 8px 15px;
	border: 1px;
	border-style:solid;
	border-color: #cccccc;
	line-height: 150%;
	}
/* ---------------------------------------------- */

/* 会社住所と詳細/地図リンク部分の設定 */
#corporate_area #formcr .link {
	float: right;
	background: url(../common/images/arrow_page_next.jpg) no-repeat left center;
	padding: 0 0 0 10px;
}
/* ----------------------------------- */
/* ■--------■ */


/* ■よくあるご質問■ */
#faq_area {
	width: 635px;
	margin: 0 auto;
}

#faq_area .faq_c_title {
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #CCCCCC;
	margin: 30px 15px 15px 15px;
	padding: 0 0 2px 0;
}

#faq_area .faq {
	margin: 0px 15px 10px 15px;
	line-height: 150%;
	vertical-align: top;
}
/* ------------------------ */

/* QA用dtdd横並び設定 */
#faq_area .dtdd-style{
	margin: 0;
	padding: 0;
}
#faq_area .dtdd-style p {
	font-size: 1em;
	line-height: 1.8em;
	margin: 0 0 8px 0;
}

#faq_area dl {
	margin: 5px 0 0 0;
	padding: 0;
	width: 100%;
	font-size: 1em;
}
#faq_area dl dt {
	margin: 0;
	padding: 0 0 5px 10px;
	width: 2em;
}
#faq_area dl dd {
	padding: 0 5px 5px 2.5em;
	margin-left: 0;
	margin-top: -2em;
	margin-bottom: -1px;
	line-height: 1.5em;
}

#faq_area .text_q {
	color: #006699;
	font-weight: bold;
}
#faq_area .text_a {
	color: #FF6600;
	font-weight: bold;
}
/* ------------------------ */
/* ■--------------■ */


/* ■株主ひろばメンバー・確認・変更の設定■ */
#memberinfo_login_area {
	width: 635px;
	margin: 30px auto;
}

#memberinfo_login_area #memberinfo_login #title {
	margin: 0 auto 20px auto;
	background-image: url(../memberinfo/images/t_edit_bg.jpg);
	background-repeat: repeat-x;
}
#memberinfo_login_area #memberinfo_login #title #titleimg_left {
	float: left;
}
#memberinfo_login_area #memberinfo_login #title #titleimg_right {
	float: right;
}

#memberinfo_login_area #memberinfo_login div.member_area {
	width: 400px;
	margin: 0 auto;
	border-style: solid;
	border-width: 1px;
	border-color: #FFE3B9;
	background-color: #FFF7EC;
	padding: 0 0 20px 0;
}

#memberinfo_login_area #memberinfo_login div.idpwform {
	width: 276px;
	margin: 0 auto 0 auto;
}
#memberinfo_login_area #memberinfo_login div.idformname {
	padding: 8px 5px 0 0;
	float: left;
}
#memberinfo_login_area #memberinfo_login div.idform {
	float: left;
	margin: 5px 0 0 0;
}

#memberinfo_login_area #memberinfo_login input.form_id {
	font-size: 12px;
	border:solid 1px #FAC500;
	width: 200px;
}
#memberinfo_login_area #memberinfo_login input.form_pw {
	font-size: 12px;
	border:solid 1px #FAC500;
	width: 200px;
}

#memberinfo_login_area #btn_login {
	margin: 20px 0 0 0;
	text-align: center;
}
/* ------------------------------------ */
/* ■--------------------■ */


/* ■プライバシーポリシー■ */
#privacy_area {
	width: 635px;
	margin: 0 auto;
}
#privacy_area #privacy_text {
	margin: 15px 15px 20px 15px;
	line-height: 150%;
}
/* ■--------------------■ */


/* ■サイトマップ■ */
#sitemap_area {
	width: 635px;
	margin: 0 auto;
}
/* ------------------------ */

/* リストの設定 */
#sitemap_area .list {
	border-bottom: 1px solid #CCCCCC;
	margin: 30px 15px 15px 15px;
	padding: 0px 12px;
}

#sitemap_area ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#sitemap_area li {
	list-style: none;
	background: url(../sitemap/images/icon_arrow.gif) no-repeat left center;
	margin: 0 0 15px 10px;
	padding: 0 0 0 15px;
	display: block;
	white-space: nowrap;
}
/* ■------------■ */



/* ▼複数回使用されるもの */
.flortl {
	float: left;
	margin: 0 0 0 0;
}

/* ■TOPページ株通配送画像一覧用■ */
#mainContent .carousel  {
/*    padding: 10px 0 0 0;*/
    padding: 0;
/*    margin: 0 0 20px 10px;*/
    margin: 0;
    position: relative;     
}
#mainContent .mailinglistMain {
	background-color: #f7f3f7;
	width: 633px;
}
#mainContent .mailinglist {
	background-color: #f7f3f7;
}
/*
    #mainContent .digg {
        position: absolute;
        left: 610px;
        top: 110px;
    }
    #mainContent .main {
        margin-left: 40px;
    }

    #mainContent .demo em {
        color: #FF3300;
        font-weight: bold;
        font-size: 60%;        
        font-style: normal;
    }
*/
    #mainContent .carousel button { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/
        float: left;
    }              
    #mainContent .carousel a.prev, #mainContent .carousel a.next {
        display: block;
        float: left;
        width: 30px;
/*        height: 164px;*/
		height: 23px;
        text-decoration: none;
        background: url("../mailing/images/imageNavLeft.gif") left  no-repeat;
    }
        #mainContent .carousel a.next {
            background: url("../mailing/images/imageNavRight.gif") right  no-repeat;
        }
            #mainContent .carousel a.next:hover {
                background-image: url("../mailing/images/imageNavRightHover.gif");
            }
            #mainContent .carousel a.prev:hover {
                background-image: url("../mailing/images/imageNavLeftHover.gif");
            }    
            #mainContent .carousel a:hover, #mainContent .carousel a:active {
                border: none;
                outline: none;
            }                 
    #mainContent .carousel .jCarouselLite {
        /*border: 1px solid black;*/
        border: 1px solid #bfbfbf;
        float: left;
        background-color: #dfdfdf;
        
        /* Needed for rendering without flicker */
        position: relative;
        visibility: hidden;
        left: -5000px;
    }
        #mainContent .carousel ul {
            margin: 0;
        }
        #mainContent .carousel li img, 
        #mainContent .carousel li p {
            background-color: #fff;
            width: 100px;
            height: 100px;
/*
            width: 150px;
            height: 118px;
*/
            margin: 10px;
        }
        
        #mainContent .widget img {
            cursor: pointer;
        }
            #mainContent .mid {
                margin-left: 80px;
                width: 400px;
                height: 300px;
            }
            #mainContent .vertical {
                margin-left: 170px;
            }
                #mainContent .vertical .jCarouselLite {   /* so that in IE 6, the carousel div doesnt expand to fill the space */
                    width: 170px;
                }
            #mainContent .imageSlider li img, 
            #mainContent .imageSlider li p, 
            #mainContent .imageSliderExt li img , 
            #mainContent .imageSliderExt li p {
                width: 400px;
                height: 300px;
            }